即使哈希没有改变，jQuery地址哈希更改也会触发

【问题标题】：jQuery address hash change trigger even if hash doesn't change即使哈希没有改变，jQuery地址哈希更改也会触发
【发布时间】：2012-07-07 11:26:49
【问题描述】：

我正在使用这个插件http://www.asual.com/jquery/address/ 来检测我的网站的哈希变化等，它仅将其用于导航，因此它是用户体验的重要组成部分。现在，这非常适合我用它做的所有事情，除了如果哈希没有更改/与单击的最后一个哈希 url 没有什么不同，它不会触发事件，例如，如果我在示例中。 com/home 并再次单击主页图标，它不会再次重新加载页面，就像您只是使用常规链接一样。我无法弄清楚如何为作为 url 一部分的所有链接实现这一点。（不只是所有标签，因为我使用标签而不是导航部分。所以任何帮助都会很棒，谢谢。

$.address.change(function(event){  
 ///events to be triggered on hash change
});

【问题讨论】：

标签： jquery hash hashchange

【解决方案1】：

onhashchange 事件的命名恰如其分，它仅在哈希更改时触发。

对于这个问题，我知道的唯一解决方案是将相同的函数绑定到主页图标的点击事件。

此外，jQuery 提供了自己的哈希更改事件：

$(window).on("onhashchange", function (e) {
     route();
})
$(".icon").on("click", function(e) {
     location.hash == "#/" ? route(): null;
})

另外，如果这些是标签，比如说，在 #nav div 中：

$("#nav").delegate("a", "click", function () {
     location.hash == this.href ? route() : null;
})

或者这可以只应用于所有 a 标签：

$("a").on("click", function () {
     location.hash == this.href ? route() : null;
})

【讨论】：