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>

鼠标悬停和鼠标移除工作正常，但有时叠加图像在淡出后自行淡化，我已经搜索了一个解决方案，到目前为止被告知使用jquerys悬停功能等类似，但到目前为止没有解决方案。

有人可以帮忙吗？

Answer 1

在容器“image-container”上设置一个额外的fadeOut（）调用，它将解决问题

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

Fiddle