2011-09-16 10 views
0

私はこのコードを持っており、リンクがクリックされたときにページ上のパネルをスライドさせたいと思っています。Jquery Slideの問題

しかし、問題は、ページが先頭にジャンプすることです。 ページが先頭にジャンプするのを防ぐ方法はありますか?

$(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> 

答えて

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

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

ありがとう、それはトリックでした。 – Julie

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

e.preventDefault()あなたがリンクとして '#' を使用しているので、ジャンプの問題があるトリックに

0

を行う必要があります。その場合はJavascript:void(0)を使用してください。