Jquery Slide问题

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