如何防止在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。