jquery - jQueryは、完了していない場合でも、fadeIn/fadeOutをすばやく切り替えます

Question

重複の可能性：
jQuery：fadeIn（）/ fadeOut（）の中断

jQueryのフェード効果は非常にスムーズです。私が見た問題は1つだけです。アイテムにカーソルを合わせるとフェードインします。アイテムからすばやくカーソルを合わせてフェードアウトをアクティブにすると、フェードアウト効果が待機します。フェードインが完了するまで、奇妙に見える可能性があります。

ホバーアウトをアクティブにすると、フェードインエフェクトを任意の値で停止して、すぐにフェードアウトを実行できるようにすることはできますか？

これが私のコードです

$(document).ready(function () {

$("#menu").hover(
   function() {
     $("#fade").fadeIn(300);
   },
   function() {
     $("#fade").fadeOut(300);
   }
);


});

Answer 1

新しいアニメーションを開始する前に、現在のアニメーションを停止するようにjQueryに指示します。

$("#menu").hover(
   function() {
     $("#fade").stop().fadeIn(300);
   },
   function() {
     $("#fade").stop().fadeOut(300);
   }
);

Answer 2

stopの前に追加するだけfadeInです。

 $("#fade").stop(true,true).fadeIn(300)