Überprüfen Sie, ob sich die Maus über mehrere Elemente in JQuery befindet.

So auf einer Drop-Down-Menü arbeite ich und lief ein Problem in ... hier ist der Code ...Überprüfen Sie, ob sich die Maus über mehrere Elemente in JQuery befindet.

$('#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'); 
});

Ich versuche, außerhalb des layer1_cell1 zu verstecken layer2_cell1, wenn meine Maus und layer2_cell1 das scheint so zu sein, aber es dosnt nicht. Hilfe!

Quelle

2012-03-23 Allen Hundley

könnten Sie die mindestens HTML, CSS und JS in einer JSFiddle erforderlich - es hilft viel. Haben Sie auch ein reines CSS-Dropdown-Menü in Betracht gezogen, gibt es keinen Grund, js für das bloße Anzeigen und Ausblenden zu verwenden ... –

können Sie eine jsfiddle hinzufügen? – Abhidev

Js Geige ist http://jsfiddle.net/Q4f2N/2/ Es funktioniert dort nicht, aber nehmen Sie einfach den gesamten Code und laden Sie es in dieses Dateisystem ... Kategorie_Application Ordner dort gibt es category_application.html, wo HTML-Code ist geht ... es gibt auch einen Ordner namens Java namens css. Mach dir keine Sorgen über die Bilder. Innerhalb des Java-Ordners gibt es Jquery.js und menu.js, menu.js enthält Java-Code. dann in css gibt es blech.css, die css enthält. –

Hallo Ich habe ein CSS nur Menü hier http://jsfiddle.net/P8ZH6/3/ geschrieben, da es keine Notwendigkeit gibt, JavaScript zu verwenden.

Sie können JavaScript-Ereignisse an die Menüelemente anhängen, wenn Sie sie benötigen, um den dynamischen Inhalt über dem Menü anzuzeigen.

So etwas könnte funktionieren.

$ (document) .ready (function() {

$(".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(""); 
});

});

Hoffe, das funktioniert für Sie.

Quelle

2012-03-25 10:28:52 zenril

http://jsfiddle.net/9vYHg/1/ Ich habe es aktualisiert, so dass der dynamische Inhalt zeigt. – zenril

Überprüfen Sie, ob sich die Maus über mehrere Elemente in JQuery befindet.

Antwort

Verwandte Themen