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

时间:2013-02-20 21:48:48

标签: jquery html

这个问题是这个主题的延续: Only show specific div with anchor

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

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

导航到profiles.html#example-name2将仅显示该个人资料。

现在导航到profiles.html#example-name2时,我想加载更多像div这样的内容,而这些内容并没有只显示在profiles.html中。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用计时器每秒钟重新检查锚点。如果有适当的锚文本,请显示相应的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/

中更彻底地填写了这个粗略的例子