1

私はこの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 は実行されません。2 番目の関数 (mouseleave イベントがトリガーされたとき) の fadeOut についても同様です。

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

1 に答える 1

0

それは変だ。両方の .find(".controls") の後に .stop() を削除しましたが、現在は機能しています。ほとんど問題はありません。数回ホバーすると、アニメーションがさらに数回実行されます。

于 2012-12-18T20:40:11.990 に答える