JQuery를 가져 오지 않습니다.

Question

JQuery를 사용하여 다중 레벨 (3 레벨로 고정) 메뉴를 작성합니다. 모든 것이 잘 작동하지만 내가하고 싶은 것은 모든 레벨이 사라질 때 모든 레벨을 사라지게 만드는 것입니다.

나는 이런 식으로 뭔가를 찾고 있어요 :

$('#categories AND #subcategories AND #tags').live('-NOT-mouseover', function(){ 
    $('#categories, #subcategories, #tags').remove(); 
}); 

을 또한, 나는 JQuery와 선택기에는 AND 연산자를 얻을하는 방법을 모르겠어요.

Answer 1

1. live을 사용하지 마십시오.
2. 해당 요소에 클래스를 지정하십시오.
3. remove은 DOM에서 요소를 제거합니다. 단지 그것을 숨기 만하면됩니다.

코드 :

$('#categories, #subcategories, #tags')... 

을하지만 그 깨끗한 아니다 :

$('.classForThoseelements').hover(function(){ 
    $(this).toggle(); 
}); 

물론 여전히 id의를 사용할 수 있습니다. 그것은이 두 번째 정말 추한이지만 그것이라면 ..

을

$('#categories:not(:hover), #subcategories:not(:hover), #tags:not(:hover)') 

을

$(".commonClass:not(:hover)") 

을하거나 (예 둘 다 작동)을 선택

Answer 2

당신은 할 수있다 원하는대로 끝났습니다.

$(yourselector).hover(handlerOut); 

(즉, 의미)

$(yourselector).hover(function(){ console.log("i've just existed whatever you had in your selector"); }); 

원하는 "AND"는 지원되지 않는다고 생각합니다. 당신은 아마 지금은 내가 질문을 이해 생각이

$("#categories, #subcategories, #tags").hover(function(){ 
    if($('#categories:hover, #subcategories:hover, #tags:hover').length==0){ 
     doStuff(); 
    } 
}); 

Answer 3

뭔가를해야 할 것, 여기에 대답에 자상이다 : 나는 비록 http://jsfiddle.net/LFdsV/

: 여기

var leaveTimer; 
$('#categories, #subcategories, #tags').hover(function() { 
    if (leaveTimer) clearTimeout(leaveTimer); 
}, function() { 
    var $this = $(this); 
    leaveTimer = setTimeout(function() { 
     $this.remove(); 
    }, 500); 
}); 

나의 바이올린의 .show() 및 .hide() 대 요소를 추가 및 제거하지 않는 이유를 모르겠다.

위의 내용은 메뉴 요소가 중첩 된 경우에만 작동합니다.