javascript - 等待 url 在点击事件上发生变化

Question

我有一张图片，点击图片时 URL 会发生变化，但页面不会重新加载(部分导航)。我使用了 window.location.href 获取当前 URL，但它在控制台日志中显示了以前的 URL。我想在 URL 更改后获取它。

我是否遗漏了一些窗口等待事件？

Answer 1

要检索页面的新哈希值，请使用 location.hash :

var hash = window.location.hash;

对于过去类似的需求，我使用了 Ben Alman's hashChange plugin .插件包含在页面上后，您可以将代码附加到 hashChange 事件:

$(window).hashchange( function(){
    // Your code here
})

这是 a working fiddle to demonstrate .

附加信息

这篇 SO 帖子值得一读:On - window.location.hash - change?

注意

如果您不想使用插件，则必须先发布您的标记，然后我才能提供替代解决方案。