jquery - jQuery Div.Click（）：関数が数回実行された後、関数を破棄/変更します

Question

それぞれ、divと#move が2つあるとしましょう。#object

#objectクリックすると動く関数#move

$("#move").click(function(){
$("#object").animate({
    "left": "+=1px"
}
  );
    })

イベントなどを使用して特定の回数実行された後、関数を放棄または変更するにはどうすればよい.Keyup()ですか？

Answer 1

var count = 0;
$("#move").on('click', function(){
   count++;
   $("#object").animate({
     "left": "+=1px"
   });
})

いずれかの入力でキーアップが発生したときにアニメーションイベントをオフにしたい場合を考えてみます。

$('SOME_ELEMENT').on('keyup', function() {  // SOME_ELEMENT is any valid selector

   if(count === 3) { // I assume after 3 times animation you will unbind/off it
     $('#move').unbind('click');  //  or $('#move').off('click');
   }

});

使用時にアニメーションイベントをオフにしたい場合は、ESCキーを押します。

$(document).on('keyup', function(e) {

     if(e.which === 27 && count === 3) { // 27 is keycode of ESC key
        $('#move').off('click');
     }
   });

Answer 2

.unbind()イベントハンドラーを削除するメソッドを探しています。