javascript - 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

Set an additional fadeOut() call on the container "image-container" and it'll solve the issue

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

Fiddle