javascript - jQuery 根据 url 的 Hash 触发事件

Question

我对 javaScript/jQuery 还是很陌生，所以如果这看起来很初级，我很抱歉。

我知道我可以更改 url onClick 的散列，但我可以从元素中添加类/删除类，隐藏/显示元素，淡入/淡出基于 url 中的散列的元素吗？

我正在尝试创建一个网站，所有内容都在一个页面上(主页、关于、图片库等...)，然后隐藏一些内容并在单击或悬停时显示其他内容。但我也想保留 url 的功能，可以将您带到网站上的特定位置，那么有没有一种方法可以使用 javaScript 或 jQuery 来根据 url 的哈希值触发事件？

如 if hash = #gallery，则显示画廊元素。

Answer 1

如果页面实际重新加载(默认链接行为)，只需确保运行 jquery 脚本来检查哈希值。

var currentValue = window.location.hash.substr(1);
$(document).ready(function() {
  //Page loaded..
  alert('Do something with the current value');
});

如果页面没有重新加载，只需创建一个 $('a').click();像这个例子一样响应散列值的函数:

$(document).ready(function() {
    $('a').click(function() {
      var value = $(this).prop('href').substr(1); //remove hash using substr(1)
      alert('do something else with the '+value+' value!');
      return false; //stop default link behaviour
    });
});