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