jquery - 将鼠标悬停在子元素上，将鼠标移出

在hoverIn上-我要附加一个框，将其向上滑动。

在hoverOut上-框应向下滑动，然后取下框

在一个简单的列表上，它可以完美运行，我可以将鼠标悬停在滑动元素上。
但是，如果我使用的是图像，则当我将鼠标悬停在滑动元素上时会产生闪烁效果。

Working。

Not working。

将鼠标悬停在元素上，然后尝试将鼠标光标悬停在出现的红色框上。
这有什么区别，我错过了什么吗？

同样对于相关对象和类似情况，我是否需要使用stopPropagation？我无法解决这个问题。

最佳答案

查看JsFiddle的最新版本。我更新了jQuery，以选择略有不同的元素，因此现在它应该可以按照您希望的方式起作用。

$('#aaa li').hover(function(){
    $(this).append('<div id="box"></div>');
    $(this).children('div').stop().animate({
        bottom:'0px'
    },{
    queue:false,duration:350
    });
}, function() {
    $(this).children('div').stop().animate({
        bottom:'-53px'
    },{
        queue:false,duration:300,complete:function() {
            $(this).children('div').remove();
        }

    });

});

关于jquery - 将鼠标悬停在子元素上，将鼠标移出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8275903/