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 on sub_navigation有效，但是当鼠标在a标签上时，我的sub_navigation使slideDown ..我不知道为什么。第二，当我进行slideToggle并且我的鼠标继续进行ul.subnavigation＆gt;这个ul再次制作slideDown。我尝试在普通的html页面中制作它并且工作正常，但在主干上我有问题!!

Answer 1

您应该阅读事件传播＆amp;代表团在javascript中冒泡。这个问题＆amp;答案可能是一个开始的地方What is event bubbling and capturing

jquery slideToggle在骨干网上工作不好

1 个答案: