jquery slideToggle在骨幹上工作不良

Question

我正在使用slideToggle（）函數製作下拉菜單。

我的主幹代碼是：

events: { 
    "mouseover .dropdownColl" : "toggleColl" 
}, 
toggleColl: function(e) { 
    $('.dropdownAbout .sub_navigation').stop(true, true).slideUp('fast'); 
}, 
... 

和html代碼：

<li class="dropdownColl"> 
    <a>menu</a> 
    <ul class="sub_navigation"> 
     <li><a href="#">voice 1</a></li> 
     <li><a href="">voice 2</a></li> 
     <li><a href="">voice 3</a></li> 
     <li><a href="">voice 4</a></li> 
     <li><a href="">voice 5</a></li> 
    </ul> 
</li> 

我有兩個問題：第一個是，當我的鼠標在li.dropdownColl我的slideToggle在sub_navigation工程，但當鼠標是在標籤上，我的sub_navigation使slideDown ..我不知道爲什麼。其次，當我使用slideToggle，並且我的鼠標繼續執行ul.subnavigation> li時，ul會再次產生slideDown。我試圖使它在一個正常的HTML頁面，它工作正常，但在骨幹我有問題！

Answer 1

您應該閱讀約事件傳播&代表團&冒泡在JavaScript中。 這個問題&答案可能是一個地方開始What is event bubbling and capturing