根据URL中的哈希标记执行操作

Question

在我的页面上，我有：

<a href="#1">Link 1</a>
<div></div>
<a href="#2">Link 2</a>
<div></div>
<a href="#3">Link 3</a>
<div></div>

假设用户访问此页面：

  

http://www.mysite.com/vendors#3

然后我想在href="#3"的链接中添加一个css类。我怎么能用jQuery做到这一点？

Answer 1

这样的事情应该这样做。您检查窗口哈希值。

$(document).ready( function() {
    $('a[href="' +window.location.hash + '"]').addClass('activeLink');
});

您可能需要手动添加＃。忘记它是否包含在哈希值中。

Answer 2

window.onhashchange = (function() {
    var newHash = window.location.hash;
    $('a[href="' + newHash + '"]').addClass("yourClass");
    return arguments.callee;
})();

这将在访问文档时以及单击引用哈希的链接时运行。