なぜ私のスライド切り替える。

Question

私はオーバーしたい一品のnavバープドロップダウンメニューがクリックします。しています:

$("#dropdown_menuitem").click(function() {
    $(this).find('ul').slideToggle('slow');
});

しかし、ドロップダウンメニューが表示されないクリックすると、エフェクト、htmlのようになります。

<li id="dropdown_menuitem"><a href="#">MyAxon<img style="padding-left:5px;" src="img/drop-down.png"/></a>
    <ul class="dropdown reverse_gradient">
         <li class="dropdown"><a href="#">Teachers</a></li>
         <li class="lastElementInDropDown dropdown"><a href="#">Students</a></li>
    </ul>
</li>
.
.

編集：てみました alert($(this).find('ul').html()); かせアラートの両方の <li> ます。

$(this).find('ul').show(200); ってサポートします。

の内容を動的に追加されます。

私cssのようになります。

 nav.main_nav ul.dropdown{
     opacity: 0; 
     position: absolute; 
     top: 35px; 
     left: 10px;  
     border-bottom-right-radius: 10px; 
     -moz-border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px; 
     -moz-border-bottom-left-radius: 10px;
     display: none;
     z-index: 100;
  }

そのアイデア?

Answer 1

問題を見つけた、私は私のスタイルシートで不透明度をゼロに設定しました。これは私がドロップダウンメニューを見るのを防ぎました。

Answer 2

でもまずまずれかをクリックするか、リンクそのものです。ここにい。をクリックしても、li-その場合はユーザーが実際にクリックすいでしょう。それでもリダイレクトされ、hrefのリンクです。

いを防止するために、追加するをクリックしイベントへのリンクで自:

$("#dropdown_menuitem a").click(function(e) {
    if($(this).parent().find('ul').length > 0) {
         e.preventDefault():;
    }
});

このチェックした場合、ドロップダウンが存在する現在のli-またはしないでリダイレクトにユーザへの割り込み当社のJavaScriptを実行します。うまいが、現在のイベントです。などのリダイレクト.

したりすることができまいたところ、うまくいったので:)