不懸停JQuery

Question

我正在使用JQuery構建多級（固定到3級）菜單。一切工作正常，但我想要做的是讓所有的關卡在任何關卡被關閉時消失。

我正在尋找這樣的事情：也

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

，我不知道如何獲取和操作員的一個jQuery選擇。

Answer 1

1. 請勿使用live。
2. 給這些要素類
3. remove去除好！只是隱藏的DOM元素。

代碼：

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

當然，你仍然可以使用id S：

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

但它並不乾淨。

Answer 2

選擇它，你可以這樣做：

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

或（是兩者的工作）

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

雖然它實在是太醜了這第二個..

如果它是「over out」你想要的：

$(yourselector).hover(handlerOut); 

（這意味着）

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

「與」你想，我不認爲這是支持的。你可能會不得不做這樣的事情

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

Answer 3

現在，我想我明白這個問題，這裏是在回答刺：

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

這裏是我的小提琴：http://jsfiddle.net/LFdsV/

雖然我不知道爲什麼你不使用.show()和.hide()與添加和刪除元素。

另請注意，以上只適用於菜單元素嵌套。