jQuery子元素mouseenter mouseleave

Question

以下是示例：http://jsfiddle.net/FdT23/4/

目标是当您将鼠标悬停在黑匣子上时，底部的灰色矩形将淡入，当您将鼠标移出时，该矩形将显示为fadeOut。但如果我将鼠标悬停在灰色矩形上，它就会消失。我希望它保持可见。

请协助。

Answer 1

使用.mouseleave代替

$(document).ready(function(){

    $('#box').mouseenter(function(evt){

        $('#rect').fadeIn(300);

    });

   $('#box').mouseleave(function(evt){

        $('#rect').fadeOut(300);

    });

});

更新了JSfiddle http://jsfiddle.net/FdT23/5/

Answer 2

试试这个demo

希望它有所帮助。使用.hover代替。