jquery - jQuery Div.Click()：函数执行多次后放弃/更改函数

Question

假设我有两个div，#move 并且#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()删除事件处理程序的方法。