javascript - JQuery - 如何抑制 mouseleave 事件？

Question

我有一个带有播放/暂停按钮的图像，该按钮绝对定位并位于顶部居中。

参见示例； http://jsfiddle.net/GuJWk/3/

当用户将鼠标悬停在图像上时该按钮出现，当鼠标离开图像时该按钮消失。

我遇到的问题是当用户将鼠标悬停在按钮上时闪烁，我怀疑是因为图像鼠标移出事件已被触发。

我知道问题是什么以及导致它的原因，但我无法解决它。我也不想嵌套暂停播放按钮以使其正常工作。我只需要以某种方式管理冒泡事件..

谢谢，凸轮

Answer 1

这能解决您的问题吗？

http://jsfiddle.net/eHerL/

$("body").on("mouseover", "img", function(){
    $('#pauseplay').stop(true,true).fadeIn(1000);
}).mouseleave(function(){
    $('#pauseplay').stop(true,true).fadeOut(1000);
});​