jQuery將鼠標懸停在div內嵌套的錨點上，並觸發.mouseleave。 為什么會這樣？

Question

http://jsfiddle.net/bazzle/gC353/2/

因此，將鼠標懸停在.dd-item上時會觸發.mouseenter。 .dropdown淡入。很棒。

但是，當您將鼠標懸停在.dd-item中嵌套的a上時。 .mouseleave似乎被解雇了。

誰能對此有所啟發？

$('.dd-item').mouseenter(function(){
$('.dropdown',this).fadeIn(100);
});

$('.dd-item').mouseout(function(){
$('.dropdown').fadeOut(100);
});

干杯。

Answer 1

如果光標離開該元素成為子元素，則不會觸發mouseleave() ； mouseout()將：

$('.dd-item').mouseleave(function(){
    $('.dropdown',this).fadeOut(100);
});

JSFiddle