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)。