jquery - 私のfadeIn/fadeOutをループするjQuery

Question

jQueryで簡単な.hover（function（）ステートメントを実行しました。テキストにカーソルを合わせると、＃div.fadeInが必要になり、非ホバーのfadeOutが必要になります。これは機能します。ホバーとホバー解除をすばやくトリガーしてからアニメーションを停止すると、点滅効果が出始めます。ループのようなもので、本当に迷惑です。

Answer 1

これを修正する簡単な方法はいくつかありますが、これはあなたが望むものに素晴らしい効果をもたらすはずです：

$("#yourtrigger").hover(function(){
    $("#div").stop(true).fadeTo( "fast", 1.0);
}, function(){
    $("#div").fadeOut( "fast" );
});

fadeInjQueryが「フェードイン」する対象を追跡する方法のため、しばらくするとフェードが停止するため、このメソッドを使用しないことが重要です。

Answer 2

あなたがこのようなものを持っているなら：

$('#your_div').action1().action2();

次のように変更します。

$('#your_div').action1(miliseconds, function() {
   $(this).action2(); 
});

v1.4では、このようにdelay（）呼び出しを追加することもできます。

$('your_div').action1().delay(miliseconds).action2();