不悬停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()与添加和删除元素。

另请注意，以上只适用于菜单元素嵌套。