Question

我有这个jQuery代码：

$("#people td, #list td").hover(function() {
    $(this).stop().animate({
        backgroundColor: "#444"
    }, "fast");
    $(this).find(".controls").stop().fadeIn("fast");
}, function() {
    $(this).stop().animate({
        backgroundColor: "#333"
    }, "fast");
    $(this).find(".controls").stop().fadeOut("fast");
});

$("#list .controls").hide();

.controls是一个div，其中包含一些与条目一起使用的链接（例如，页面上有10个条目）。一切都工作到现在为止，现在它已不再适用了。当我打开页面时，.controls隐藏 - 没关系。但当我将鼠标悬停在td上时，css动画会运行，但fadeIn不会。与第二个函数中的fadeOut相同（触发mouseleave事件时）。

HTML如下：

<td>
    <div class="icons">

</div>
<div class="profile">
    <div class="info">
    <div class="name">

            </div>
        </div>
        <div class="controls">
    <a href="http://...">Link</a>
            <a href="http://...">Link</a>
        </div>
        <div class="clear"></div>
</div>
</td>

Answer 1

这很奇怪。我在两个.find（“。controls”）之后删除了.stop（），现在它正在工作。小问题是，当你进出几次时，动画再运行几次。

jQuery hover - div没有出现

1 个答案: