jQuery window.location.hash 的麻烦

Question

我有一个单页滚动类型的网站，它使用滚动捕捉插件从一个部分捕捉到下一个部分。当滚动到每个部分时，哈希值会发生变化（#1、#2、#3 等）。

我想使用哈希变化来触发动画。所以在测试我写的函数时，只有在页面刷新时才有效。我不能发布网站本身，因为它是本地的，但这里是代码。

JS：

$(document).ready(function () {

//Trigger an animation based on hash location/URL
function hashChange() {
    alert("hashChange works!");
};
var hash = window.location.hash;
if (hash === '#3') {
    hashChange();
};

});

任何帮助将不胜感激。

---

=======

---

更新：

这是我更新的代码。但现在它会在每次哈希更改时运行（#1、#2、#3、#4）。

function hashChange() {
    alert("hashChange works!");
};
window.addEventListener('hashchange', hashChange);
var hash = location.hash;
if (hash === '#3') {
    hashChange();
};

有人知道如何指定吗？它也是一个单页滚动，在您滚动时会捕捉到部分。当您从部分滚动时，哈希值会发生变化，但不会触发我写的警报。

救命！

Answer 1

您可以为hashchange 事件注册一个事件监听器。

在你的情况下：

function hashChange() {
  alert('hashChange works!');
}
window.addEventListener('hashchange', hashChange);