javascript - 等待 url 在点击事件上改变

Question

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

我错过了一些窗口等待事件吗？

Answer 1

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

var hash = window.location.hash;

对于过去的类似要求，我使用了Ben Alman 的 hashChange 插件。将插件包含在页面上后，您可以将代码附加到hashChange事件：

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

这是一个要演示的工作小提琴。

附加信息

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

笔记

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

Answer 2

var hash = window.location.hash;
var loc = window.location.href+hash;
window.location=loc;