【问题标题】:Why do <a href=#A> and jquery click function not work together?为什么 <a href=#A> 和 jquery click 功能不能一起使用?
【发布时间】:2012-05-21 13:42:58
【问题描述】:

我想要的是:页面顶部有一个链接。单击它时,它应该进入同一页面并使用 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 属性不起作用。有什么想法吗?...

【问题讨论】:

  • jsfiddle.net 上的一个小样本怎么样
  • 请提供jsFiddle 示例。
  • 这应该可以正常工作。现场示例 - jsfiddle.net/v8Z53.
  • 在您展示的示例中,有 div id=A,但我使用 name=A..
  • 你的 JS 中是否有可能有 event.preventDefault() 影响锚标记?

标签: jquery html href


【解决方案1】:

click() 不会触发默认事件,所以你必须set window.location

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

【讨论】:

    猜你喜欢
    • 2013-12-19
    • 2015-08-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-27
    • 1970-01-01
    • 2021-04-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多