javascript - Jquery淡入淡出问题

Question

下面有一些代码显示了我的 JQUERY 和 HTML。基本上，我尝试让图像在悬停时淡入，并在光标离开图像后淡出。

问题是我希望淡入的图像位于原始图像之上。一旦新图像淡入，它会立即返回到原始图像，因为光标不再位于执行淡入淡出动画的图像上。

我将不胜感激任何信息:)

谢谢:)

JQUERY:

$(document).ready(function() {
$("div.hover").hover(

function() {
    $("div.fade").fadeIn('slow');
}, function() {
    $("div.fade").fadeOut('slow');
});
});

HTML:

<div class="hover"><img src="#"/></div>
<div class="fade"><img src="#"/> </div>

Answer 1

如果您将悬停类放在同时包含图像和悬停图像的元素上，则无论您悬停在哪个图像上，它仍将被归类为“悬停”:

<div class="hover">
    <div><img src="#"/></div>
    <div class="fade"><img src="#"/> </div>
</div>