jquery mouseleave .fadeOut但不是!如果鼠标移动到特定的DIV

时间:2014-10-28 19:56:33

标签: jquery parent-child show fadeout mouseleave

我的触发器DIV上有mouseenter,类=" b6"巫婆对元素ID =" 6" fadeIn < - 那完美无瑕!

现在我想要我的子元素ID =" 6"当fadeOut我的触发器DIV时mouseleave.show但是如果将鼠标移动到ID为" 6"的新褪色元素中则不行。在那种情况下,ID =" 6"应该仍然是{{1}}

尝试使af变量但没有运气..

看看我的JSFiddle http://jsfiddle.net/5L14xoq8/

1 个答案:

答案 0 :(得分:1)

你可以检查div是否(':hover'),试试这个:

$("#6").hide();

$(".b6").mouseenter(function () {

    $("#6").fadeIn();

    });


$(".b6").mouseleave(function () {
    if($('#6').is(':hover') === false)
    {
        $("#6").fadeOut();
    }
});

$("#6").mouseleave(function () {
    if($('.b6').is(':hover') === false)
    {
        $("#6").fadeOut();
    }
});