javascript - 从 url 调用 dv 时使隐藏的 div 可见

Question

我正在开发一个单页网站，其中有多个 div 显示:无；

我知道如何使它们在点击时可见和隐藏，但我想在有人更改 URL 时显示或隐藏 div

$(document).ready(function(){

   var tabId = location.hash; // will look something like "#h-02"

 if(tabId){
   $(tabId).show(); // this will fired only when url get hash
   $(tabId).siblings().hide(); // this will show only targeted tab 
                               // others get hidden
 }

此代码在从外部调用且页面重新加载时有效，但在不重新加载的情况下无效

例如:index.html#about

如果我更改了联系人并输入，除非刷新页面，否则我不会更改

有人可以帮我吗

Answer 1

您必须监听 hashchange 事件，因为只有哈希值更改时浏览器不会重新加载

$(document).ready(function(){

    $(window).on('hashchange', function() {

        var tabId = location.hash;

        if(tabId){
            $(tabId).show();
            $(tabId).siblings().hide();
        }

    }).trigger('hashchange');

});