Question

我有一个名为.description的类，它会在鼠标悬停在名为.image的类上时显示 HTML：

<div class="image">
    <a href="?page=page1>"><img src="images/1.jpg" width="80" height="80"></a>
</div>
<div class="description" style="display: none;"> description 1 </div>

<div class="image">
    <a href="?page=page2>"><img src="images/2.jpg" width="80" height="80"></a>
</div>
<div class="description" style="display: none;"> description 2 </div>

<div class="image">
    <a href="?page=page3"><img src="images/3.jpg" width="80" height="80"></a>
</div>
<div class="description" style="display: none;"> description 3 </div>

jQuery的：

$(".image").hover(function() {
    $(this).next(".description").fadeToggle();
});

另一位用户提供了此版本的工作版本，我稍加修改并将其放在此处：http://jsfiddle.net/zakiaziz/qnWpy/2/

当我将鼠标悬停在.image类上时，.description类显示正常。我遇到的问题是，当鼠标悬停在描述类应该显示的位置时，描述类确实会显示然后消失。有时它会不规律地眨眼。

Answer 1

当你只将一个函数传递给jQuery.hover时，它会在hover上的out 和上调用它。

要取消鼠标输出的任何操作，请提供空处理程序。

        $(".image").hover(function() {
            $(this).next(".description").fadeToggle();
        }, function() {});

演示：http://jsfiddle.net/qnWpy/4/

jQuery：将鼠标悬停在一个元素上可以使另一个元素消失，但当悬停在该元素上时它会消失

1 个答案: