使用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找出哈希中的內容