は一時的にあなたは、私が<strong>start.off（「クリック」）が呼ばれた後、再び実行しているからイベントリスナーを停止するには、</strong>メソッドを使用していることがわかります

Question

var start = $('#start_img'); 

start.on('click', function(){ 
    var piano = $('.piano'); 
    piano.each(function(index){ 
     $(this).hide().delay(700 * index).fadeIn(700*index); 
     start.off('click'); 
    }) 

}); 

機能jqueryのを停止します。しかし、事実は、私はイベントが実行されている間にイベントリスナーをオフにしたいだけです。イベントがまだ実行されている間は、再度呼び出すことはできません。しかし、イベントが終了すると、私はそれが再び '呼び出し可能'になりたい。誰がどのようにこれを行うか知っていますか？

これ以外のやり方（どちらも動作しません）。誰でも私をここで助けることができますか？もう1つは現在クリアです。

var start = $('#start_img'); 



    start.on('click', function() { 
     var q = 0; 
     var piano = $('.piano'); 
     if (q === 1) { 
     return; // don't do animations 
     } 
     else{ 
     piano.each(function(index) { 
     q = 1; 
     $(this).hide() 
       .delay(700 * index) 
       .fadeIn(700 * index, function() { 
        // remove from each instance when animation completes 
        q = 0 
       }); 

     });} 

    }); 

Answer 1

あなたにも能動素子にクラスを切り替えることができ、その後、あなたはそれが1つのオブジェクトのみの場合

start.on('click', function() { 
    var piano = $('.piano'); 
    if (piano.hasClass('active')) { 
    return; // don't do animations 
    } 
    piano.each(function(index) { 
    $(this).addClass('active') 
      .hide() 
      .delay(700 * index) 
      .fadeIn(700 * index, function() { 
       // remove from each instance when animation completes 
       $(this).removeClass('active') 
      }); 

    }); 

}); 

Answer 2

が存在する場合、あなたはグローバル変数を使用することができます何かを、そのクラスをチェックすることができず、このため、私の場合、私はisRunningを使用することがあります：

var start = $('#start_img'); 
var isRunning = false; 

start.on('click', function(){ 
    if (!isRunning){ 
     isRunning = true; 
     var piano = $('.piano'); 
     piano.each(function(index){ 
      $(this).hide().delay(700 * index).fadeIn(700*index, function(){ 
       isRunning = false; 
      }); 
      start.off('click'); 
     }); 
    } 
}); 

後に起こるべきあなたのアプリがisRunning == falseまでコードを実行するべきではありません。この方法で、 10が完了する。

構文：二つ以上のオブジェクトの場合

.fadeIn([duration] [,complete]); 
.fadeIn(options); 
.fadeIn([duration] [,easing] [,complete]); 

、Charlietflの答えは完璧に動作するはずです。