javascript - 将 jQuery .hover() 与绝对定位的分层元素一起使用

Question

我有以下代码来显示悬停元素之上的绝对定位(使用 z-index 分层)元素。当鼠标干扰悬停时淡入的元素并导致 mouseout/mouseover 反复触发，从而造成不利影响。

最好的编码方式是什么，这样淡入淡出的元素不会干扰悬停事件？

$("div-below-faded-in-element").hover(function(e) {
    $("hovered-element-positioned-on-top-of-div").fadeIn()
},
function() {
    $("hovered-element-positioned-on-top-of-div").fadeOut()
})        

提前致谢，如果这让人难以解释，我们深表歉意。

jsFiddle 示例: http://jsfiddle.net/AWm66/

Answer 1

编辑:查看我制作的这个 jsFiddle。我刚刚为 btm 和 top 添加了一个包装器，并为其添加了事件处理程序。

jsFiddle sample