javascript - Hashchange 以显示 div

Question

我的页面上有一些 div，默认情况下是隐藏的。可以通过链接(例如“#job8”)选择工作。我正在尝试在我的脚本中使用 hashchange 来检查特定哈希的 URL，然后显示适当的 div。

这是一个例子

<div class="job-details" id="job8" data-jobid="8">
    <p>Job 8</p>        
</div>

这是我的脚本。

$(document).ready(function(){

        $('.job-details').hide();
});

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

        if (location.hash.substring(0,4) == "#job"){
            var jobID = location.hash.substring(0);

            $('.job-details').hide();
            $('[data-jobid="' + jobID + '"]').show();
            }


});

Answer 1

你的线路:

var jobID = location.hash.substring(0);

将“#”分配给 jobID。大概这不是你想要的？可能你想要:

var jobID = location.hash.substring(4);