2014-10-28 57 views
1

我有一个mouseenter在我的触发器DIV class =“b6”女巫的fadeIn元素ID =“6”< - 这工作完美无瑕!jquery mouseleave .fadeOut但不是!如果鼠标移动到特定的DIV

现在我想我的nonchild元素ID =“6”到fadeOutmouseleave我的触发器DIV - 但不是如果鼠标移动到我新近褪色的元素与ID =“6”。在这种情况下,ID = “6” 仍然应该.show

与制作AF变量,但没有运气尝试..

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

回答

1

,你可以检查,如果DIV是( ':悬停' ),试试这个:

$("#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(); 
    } 
}); 
+0

完美的解决方案! :) – 2014-10-28 22:47:33

+0

至少在实验室里;)重叠的空DIV和z-index有点麻烦 - 但我想我会把它排除。 – 2014-10-28 22:59:48

相关问题