javascript - 触发点击链接不会改变位置哈希

Question

我正在开发一个 Web 应用程序，该应用程序在某些情况下使用 onHashChange 事件监听器，并且手动单击带有 href="#hash" 的链接效果非常好。但是，当我使用 jQuery 的 $('a[href=#"hash"]').trigger('click') 或 $('a[href= #"hash"]').click() 地址栏中的哈希没有改变。

是我做错了什么吗？或者我应该为此目的使用其他方法？

HTML

<a href="#hash">Do Something</a>

JS

// Not working
$('a[href="#hash"]').click();

// Not working
$('a[href="#hash"]').trigger('click');

Answer 1

希望这里的新人不要大张旗鼓。我只是想也许我在我的网站上使用的这段代码中的某些内容可能会对您有所帮助。好像和你描述的差不多。

$(document).ready(function(){
  $('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = this.hash;
    var $target = $(target);

    $('html, body').stop().animate({
      'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
      window.location.hash = target;
    });
  });
   });