等待网址更改点击事件

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 - 改变？

注意

如果您不想使用插件,则必须在我提供替代解决方案之前发布您的标记.