Javascript onmouseover/onmouseout循环

Question

我有以下问题，这段代码：

<div class="image-container">
    <div id="over-1" class="glass" onmouseout="$(this).stop().fadeOut();"></div>
    <img src="img.jpg" onmouseover="$('#over-1').stop().fadeIn();" />
</div>

鼠标悬停和鼠标移出工作正常，但是有时叠加图像在淡出后会自动淡入，我一直在寻找解决方案，到目前为止，我被告知使用jquery的悬停功能等类似的功能，但是到目前为止还没有解决方案。

有人能帮上忙吗？

Answer 1

在容器"image- container“上设置一个额外的fadeOut()调用，就可以解决这个问题

$(document).on("mouseover", ".image-container", function(){
    $("#over-1").fadeOut();
});

Fiddle