jquery切换: clicking on link jumps back to top of the page

Question

我创建了一个 jquery 切换开关，但是当我单击链接打开 div 时，它会跳到页面顶部。我该如何解决这个问题？

我知道我可以用其他内容替换该链接，但我需要让用户清楚这是一个链接并且他们可以单击它。

Answer 1

将 return false; 添加到单击链接时运行的代码末尾。

$('a.myLink').toggle(function() {
    // run my code
    return false;
});

或者，您可以获取 event 对象，然后调用 .preventDefault()。

$('a.myLink').toggle(function(event) {
    event.preventDefault();
    // run my code
});

这两种方法都会禁用链接的默认行为。

第一个也会阻止事件冒泡，因此仅当您不需要使用事件冒泡时才使用它。