JQueryでマウスが複数の要素の上にあるかどうかを確認しますか？

Question

だから私はここに...ドロップダウンメニューに取り組んで、問題に走ってるのコードです...

$('#layer2_cell1').hide(); 

$("#layer1_cell1").mouseenter(function() { 
    $('#layer2_cell1').show(); 
    $("#storage").data('airplanesmain', '1'); 
}); 
$("#layer1_cell1").mouseleave(function() { 
    $("#storage").data('airplanesmain', '0'); 
    var subcell = $("#storage").data('airplanessubcell'); 
    if (subcell == '0') { 
     $('#layer2_cell1').hide(); 
    } 
}); 
$("#layer2_cell1").mouseenter(function() { 
    $("#storage").data('airplanessubcell', '1'); 
}); 
$("#layer2_cell1").mouseleave(function() { 
    $("#storage").data('airplanessubcell', '0'); 
}); 

私は私のマウスは外layer1_cell1のであればlayer2_cell1非表示しようとしているとlayer2_cell1これはそうするようだが、それはdosntです。助けて！

Answer 1

こんにちは、私はここにCSSのみのメニューを書いています。http://jsfiddle.net/P8ZH6/3/ JavaScriptを使用する必要はありません。

メニュー上の動的コンテンツを表示するためにそれらを必要とする場合は、メニュー項目にはJavaScriptイベントを添付することができます。

このようなものが動作する可能性があります。

$（ドキュメント）.ready（関数（）{

$(".menu li").hover(function(){ 
    $("#dynamic_content").html($(this).parents(".menu_1").find("span").html() + "->" + $(this).find("a").text()); 
}) 

$(".menu .menu_1 span").hover(function(){ 
    $("#dynamic_content").html($(this).html()); 
}) 

$(".menu li, .menu .menu_1 span").mouseout(function(){ 
    $("#dynamic_content").html(""); 
});         

}）。これはあなたのために働く

希望。