如何在jQuery动画期间防止跳到屏幕顶部

Question

我有多个链接显示/隐藏整个div（使用slideDown()）。每个链接都是

<a href="#">Link</a>

每当您点击链接时，它会在动画时跳回屏幕顶部。我假设它是因为#。有没有什么办法让jQuery专注于动画，而不是每次跳到屏幕顶部？感谢

Answer 1

在onClick处理程序中，禁用锚元素的默认操作...

$('a').click(function(e) {
e.preventDefault();
// ANIMATION STUFF GOES HERE...
});

Answer 2

您需要在绑定到链接点击事件的函数中返回false。

Answer 3

在点击功能结束时使用return false。

$(function(){
    $("#an1").click(function(){
         // your animation code
         return false;
    });
});

<a id="an1" href="#">click me</a>

Answer 4

在事件处理函数中，使用e.preventDefault();，假设e是事件对象。 （可选）从处理函数返回false。