我仍然是javaScript / jQuery的新手,所以如果这看起来很简单,我很抱歉.

我知道我可以在onClick上更改url的哈希值,但是我可以从一个元素中添加addClass / removeClass,隐藏/显示一个元素,fadeIn / fadeOut一个基于url中哈希的元素吗？

我正在尝试在一个页面上创建一个包含所有内容的网站(主页,关于,图库等等),然后隐藏一些内容并在onClick或onHover上显示其他内容.但我还想保留一个可以带你到网站上特定位置的网址的功能,那么有没有办法使用javaScript或jQuery根据网址的哈希触发事件？

比如hash = #gallery,然后显示gallery元素.

解决方法:

如果页面实际重新加载(默认链接行为),只需确保运行jquery脚本以检查hashvalue.

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

如果页面没有重新加载,只需创建一个$(‘a’).click();响应hashvalue的函数,如下例所示：

$(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
    });
});