jquery - 如何防止 anchor 滚动

Question

我正在使用 anchor 并在 JQuery 中处理点击事件。

href 设置为“#”

除了当我单击 anchor 时浏览器滚动到顶部外，一切正常。有办法避免这种情况吗？

Answer 1

当然。您需要通过调用 event.preventDefault() method 来阻止默认操作的发生。或者简单地从您的事件处理程序中返回 false。你不需要两者，但我会在这里展示它们，这样你就可以看到它如何适合你现有的代码:

$("a").click(function(e) {
    e.preventDefault();

    // your other code here

    return false;
});

请注意，返回 false 也会阻止事件冒泡，即，它相当于同时调用 .preventDefault() 和 .stopPropagation()。