jquery - 导航到锚标记以加载比正常显示更多的内容

Question

这个问题是该线程的延续： 仅显示带有锚的特定 div

我有一个名为profiles.html的页面

它包含大约 20 个人的个人资料，所有这些人都包含在一个名为“profile”的类中，id 为“example-name1”、“example-name2”、“example-name3”等

导航到 profiles.html#example-name2 将仅显示该配置文件。

现在，当导航到profiles.html#example-name2 时，我想加载更多内容，例如div，这些内容不会仅显示在profiles.html 中。

有任何想法吗？

Answer 1

您可以使用计时器每隔一秒左右重新检查一次锚点。如果有适当的锚文本，则显示适当的 div。

window.setInterval('functionName', 100);
function functionName() {
    var url_pieces = document.location.href.split('#');
    if( document.elementById(url_pieces[1]) )
        document.elementById(url_pieces[1]).style.display='';
} 

编辑：在 JSFiddle 中更彻底地填写这个粗略的例子：http: //jsfiddle.net/La6AZ/