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()方法，该方法会删除事件处理程序。