jquery - 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 上时，我在 sub_navigation 上的 slideToggle 可以工作，但是当鼠标悬停在 a 标签上时，我的 sub_navigation 使 slideDown ..我不知道为什么。其次，当我制作 slideToggle 并且我的鼠标继续 ul.subnavigation > li 时，ul 再次制作 slideDown。我尝试在一个普通的 html 页面中制作它并且它工作正常，但是在主干上我遇到了问题！

Answer 1

您应该阅读有关javascript 中的事件传播、委托和冒泡的信息。这个问题和答案可能是一个开始什么是事件冒泡和捕获