エフェクト用のjqueryバッファ/キュー?それともエフェクトが進行中かどうかを確認するためですか?

Question

フォームが正しいかどうかを確認するクリックイベントがあります。詳細を記入しました。そしてこれを行う関数を呼び出します

$('#message_text').html(text);
$('#message_system').fadeIn("slow");
$('#message_system').animate({ opacity: 1.0 }, 5000)
                    .fadeOut('slow', function() {
                        $(this).hide();
                    });

待っている限り、すべて正常に動作します。たとえばボタンを2回ダブルクリックすると、表示が停止します...

非表示の場合は、 hide() で fadeIn() が自動的に表示すると思いますか?

これについて経験のある人はいますか？

おそらく私がやりたいことは、2回目のクリックで現在の効果を無視し、新しいメッセージを再表示することです

ありがとう

Answer 1

これがあなたが望んでいることかどうかはわかりませんが、 停止（） 方法。を呼び出すことで、現在のアニメーションの最後まで直接スキップできます。 $('#message_system').stop(true, true) 再び始める前に。

Answer 2

if ( ! $(this).is(':animated') ) {
    // Do the animation...
}