2012-11-13 2 views
-1

slideToggle() 함수를 사용하여 드롭 다운 메뉴를 만듭니다.jquery slide 토글 작업이 백본에서 잘못되었습니다.

내 백본 코드는 다음과 같습니다

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 작동하지만 마우스가 태그 위에있을 때, 내 sub_navigation은 slideDown을 만듭니다. 그리고 나는 왜 그런지 모릅니다. 둘째, slideToggle을 만들면 마우스가 ul.subnavigation> li로 이동하고 ul은 slideDown을 다시 만듭니다. 나는 정상적인 html 페이지에서 그것을 만들려고 노력하고 그것은 정상적으로 작동하지만 백본에서 나는 문제가있다 !!

답변

0

이벤트 전파 & 위임 & 버블 링 자바 스크립트에서 읽어야합니다. 이 질문은 & 대답이 시작 될 수도 있습니다 What is event bubbling and capturing