jQuery - クリックイベントをバインド/アンバインドする

Question

6つのイメージボタンに関連付けられた「クリック」イベントがあります。現在、1をクリックすると他の5をクリックすることができます。他の5つのクリックイベントを一時的に削除することはできますか？私はそれぞれのアニメーションを持っていますが、アニメーションの実行中に複数回クリックすると、アニメーションが正しく機能しなくなります。

Answer 1

アニメーションが完了したときにハンドラをアンバインドして再バインドするのではなく、実行状態を保存して、clickコールバックチェックでその理由を確認するだけです。アニメーションが完了したら、状態をリセットします。

var running = false; 

$('.button').click(function() { 
    if(running) { 
     return; 
    } 
    running = true; 

    ... 

    $(this).animate(..., function() { 
     running = false; 
    }); 

    ... 
});