使用Div Anchor Link隐藏/显示div

Question

我有一个包含4个隐藏div的页面。 如果我想链接到他们，例如

<a href="#about" class="nav_text" id="about_link">About</a>

由于我为它编写的Javascript / jQuery，它显示了about div并隐藏了其他div。

但是，我的问题出在用户的地址栏读为/index.php#about_content。 如果要手动输入，则不会显示about_content div，因为它已隐藏。 如果手动输入div，该如何显示呢？

Answer 1

读取当前的哈希值，并在准备好文档中显示出来。

$(document).ready(function() {
    $(window.location.hash).show();
});

Answer 2

您需要在窗口上监听hashchange事件 。 完成后，从哈希中加载元素，如果匹配，则显示正确的<div> 。 您还需要检查页面的初始加载，看看哈希中是否包含某些内容，然后执行相同的操作。

并不是说这仅与IE8 +兼容，因为IE7及以下版本不支持hashchange事件。 如果要支持它们，则需要使用许多技巧之一（或插件 ）。

PS您可以使用location.hash找出哈希中的内容