Jquery幻燈片問題

Question

我有這段代碼，並希望我的頁面上有一個面板可以在單擊鏈接時滑動。

但問題是，頁面跳轉到頂部。 有什麼辦法阻止頁面跳到頂部？

$(document).ready(function(){ 
     $("[href='#']").click(function(){ 
     $("#message_panel").slideToggle("slow"); 
     }); 
    }); 

這是我在同一頁上的某個地方的代碼。

<a href="#" ><span>more</span></a> 
     <div id="message_panel" class="nodisplay"> 
     message here. 
</div> 

Answer 1

$(document).ready(function(){ 
     $("[href='#']").click(function(e){ 
e.preventDefault(); 

     $("#message_panel").slideToggle("slow"); 
     }); 
    }); 

Answer 2

$("[href='#']").click(function(e){ 
    e.preventDefault(); 
    $("#message_panel").slideToggle("slow");  
}); 

e.preventDefault（）應該做的伎倆

Answer 3

跳躍問題是因爲您使用的是 '＃' 的鏈接。相反，在這些情況下開始使用Javascript:void(0)。