javascript - 使用 jquery 捕获所有哈希点击？

Question

有什么方法可以使用 jquery 来捕获所有/任何哈希标签（#xxxxx）点击？不能把它们归为一类。

Answer 1

下面的代码会做：

$('a[href*=#]').click( function() { /* do something */ } );

或者您可以使用 JamWaffles 指出的更有效的方法：

$('body').on('click', 'a[href*=#]', function() { /* do something */ });

编辑：

如果你想在页面加载 #hash in url 时做一些事情，那么你需要看看Ben Alman 的 jQuery hashchange 插件

这是您基本上需要添加到页面的一段代码（在这种特殊情况下不需要上面的代码）

$(document).ready( function() {
   $(window).hashchange( function(){
        // Alerts every time the hash changes!
        alert( location.hash );  
    })
    if( location.href.indexOf('#') > -1 )
    {
        $(window).trigger('hashchange'); // this will trigger the first time the page is loaded if there is a hash in your url
    }
});

Answer 2

$("a").each(function() {
    if ($(this).attr("href").indexOf("#") > -1) {
        $(this).bind("click", hashListener);
        // where hashListener is the name of your
        // tracking function.
    }
});

Answer 3

$('a').click(function(){
  if($(this).attr('href').indexOf('#') == 0 || $(this).attr('href').indexOf(window.location.href+"#") == 0){
    // do your stuff here.
  }
});

此代码应同时处理相对和绝对哈希标记。