jquery - jQueryの「fadeToggle」が何度もループしないようにするにはどうすればよいですか？

Question

jQueryについて比較的簡単な質問があります（私が初心者であることをご容赦ください）。divで「fadeToggle」（クリック）機能を使用して別の要素を表示しましたが、ユーザーがdivを100回クリックした場合、クリックごとにアニメーションが何度も再生されないようにするにはどうすればよいですか？

Answer 1

呼び出す前にキューが空であることを確認することもできます。

$("button").click(function() {
    if (!$animatedElement.queue().length) {
      $animatedElement.fadeToggle("slow", "linear");
    }
});​

http://jsfiddle.net/EU5WK/

Answer 2

is running?一種の変数が使用されているこの質問のバリエーションを見てきました。

http://jsfiddle.net/VRDP9/

running = false;

$("button:first").click(function() {
    if (!running) {
      running = true;
      $("p:first").fadeToggle("slow", "linear", function() { running = false; });
    }
});​

Answer 3

最初の反復でアクティブ化するある種のインジケーターを設定し、その関数の開始時にそれをチェックする必要があります。これは変数にすることも、ターゲット要素にクラス名を追加して確認することもできます。