为什么<a href="#A"> and jquery click function not work together?</a>

Question

我想要的是：页面顶部有一个链接。单击它时，它应该转到同一页面并使用jquery切换div类。但是两个都不能同时工作..例如：

<a href='#A' id='link'>Go to A and toggle a div class</a>

jquery代码是：

$('#link').click(function () {
    $('.toggle').toggle();
   });

   <a name='A'> Here is A </a>

我的代码比这复杂得多但我在这里写的逻辑相同。当我单击链接时，切换类的div切换。首先它看起来是jquery代码。但它没有去#A。也就是说，href属性不起作用。有什么想法吗？...

Answer 1

click（）不会触发默认事件，因此您必须set window.location

$('#link').click(function (e) {
    e.preventDefault();
    $('.toggle').toggle();
    window.location.hash = ($(e.currentTarget).attr("href"));
});