Jquery - .click() 不滚动页面

Question

我将在 jQuery 上创建一个如下所示的函数：

$(document).ready(function() {
    $('#header_rules').click(function() {
      // here i define myFunction()
    });
});

<a id="header_rules" href="#">RULES</a>

而不是

 <a id="header_rules" href="#" onClick="myFunction();return false">RULES</a>

But I don't know how to防止在有人单击链接后使用 jQuery 滚动到页面顶部。

事实上，我将完全摆脱原生 JS，这可能会产生一些麻烦（这就是我使用 jQuery 等 JS 框架的原因）。

有什么帮助吗？干杯

Answer 1

调用 e.preventDefault();，其中 e 是点击处理程序的第一个参数：

$(document).ready(function() {
    $('#header_rules').click(function(e) {
        e.preventDefault();
        // here i define myFunction()
    });
});

<a id="header_rules" href="#">RULES</a>

Answer 2

下面的代码也可以工作，但我认为它会停止该项目上的其他点击事件。

(document).ready(function() {
    $('#header_rules').click(function() {
      // here i define myFunction()
    return false;
    });
});

Answer 3

正如 ThiefMaster 所说，您还可以在函数中包含 return false; 而不是内联。