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

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

3 голосов
/ 23 марта 2012

Так что я работаю над выпадающим меню и столкнулся с проблемой ... вот код ... 

$('#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 это кажется, что он сделал бы это, но это не имеет значения.Помогите!

1 Ответ

0 голосов
/ 25 марта 2012

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

});

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

...