Проверьте, находится ли мышь над несколькими элементами в JQuery?

Так что я работаю на выпадающее меню и столкнулся с проблемой ... вот код ...Проверьте, находится ли мышь над несколькими элементами в JQuery?

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

Я пытаюсь скрыть layer2_cell1 если моя мышь находится за пределами layer1_cell1 и layer2_cell1 кажется, что он это сделает, но это dosnt. Помогите!

источник

2012-03-23 Allen Hundley

Вы могли бы разместить минимальные html, css и js, необходимые в jsfiddle - это очень помогает. Кроме того, вы считали, что вы выбрали чистый CSS, нет причин использовать js для просто показывать и скрывать ... –

вы можете добавить jsfiddle? – Abhidev

Js fiddle is http://jsfiddle.net/Q4f2N/2/ Это dosnt работает там, но просто взять весь код и загрузить его в эту файловую систему ... category_application папка внутри там есть category_application.html, где есть html-код идет ... есть также папка, называемая java, папка css. Не беспокойтесь об изображениях. внутри java-папки есть Jquery.js и menu.js, menu.js содержит код Java. то внутри css есть sheet.css, который содержит css. –

Привет, я написал здесь только меню 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(""); 
});

});

Надеюсь, это сработает для вас.

источник

2012-03-25 10:28:52 zenril

http://jsfiddle.net/9vYHg/1/ Я обновил его, чтобы показать динамический контент. – zenril

Проверьте, находится ли мышь над несколькими элементами в JQuery?

ответ

Смежные вопросы