.not()이 제대로 작동하지 않습니다.

Question

너무 오랫동안 열어 둔 상태에서 메뉴를 만들려고합니다. 그런 다음 부모 또는 메뉴가 일정 기간 동안 마우스 오버되지 않은 경우 사라집니다.

메뉴에서 다른 상위 항목을 강조 표시하면 이미 존재하는 상위 항목을 제외하고 다른 모든 메뉴가 닫힙니다. 이 경우

<script> 
    $(".dropdown").mouseover(function() { 
     //Highlighting over the parent "dropdown" closes all other popup menus & 
     //displays the popup related to the parent 
     $(".menu-popup").not(this).find(".menu-popup").hide(); 
     $(this).find(".menu-popup").fadeIn("fast"); 

     //Reset the timer to hide popup if scrolling back over parent 
     //before time runs out 
     if (hideTimer !== null) { 
      clearTimeout(hideTimer); 
     } 
    }); 

    //Scrolling off of the dropdown parent will set a timer that will 
    //hide the menu-popup 
    $(".dropdown").bind("mouseout", function(){ 
     hideTimer = setTimeout(function(){ 
     $(".menu-popup").fadeOut("fast"); 
    }, 300); 

}); 
</script> 

Answer 1

, $(this)이 drop-down을 의미한다 : 그것은 약자로 코드 대신 메뉴

$text .=   '<div class="dropdown">'; 
$text .=    '<a href="/products">Products</a>'; 
$text .=    '<div class="menu-popup">'; 
$text .=    '</div>'; 
$text .=   '</div>'; 

$text .=   '<div class="dropdown">'; 
$text .=    '<a href="/about">About</a>'; 
$text .=    '<div class="menu-popup">'; 
$text .=    '</div>'; 
$text .=   '</div>'; 

JQuery와 당신이

을 강조했던 제외한 모든 닫는 열린 모든 메뉴를 유지 menu-popup이 아닙니다. 그러므로 drop-down 안에 drop-down 안에 menu-popup을 찾아야합니다.

변경이

$(".menu-popup").not(this).find(".menu-popup").hide(); 

에

$(".dropdown").not(this).find(".menu-popup").hide(); 

단순히 다음과 같이 사용하는 것이 좋습니다

Answer 2

:

$(".menu-popup").hide();//first hide all menu-popup 
$(this).find(".menu-popup").fadeIn("fast"); //display this menu-popup only 

Answer 3

당신이 하나의 퇴색하고, 전부 not()를 제거하십시오 나중에 필요하기 때문에 모두 숨기십시오.

$(".menu-popup").hide(); 
$(this).find(".menu-popup").fadeIn("fast");