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