jquery防止重复分配函数

Question

如果我需要动态分配点击函数，有没有办法确保点击函数只分配一次并且不重复？

this.click(function(){
    alert('test');
})

Answer 1

您可以在再次绑定(bind)点击事件之前取消绑定(bind)它，这样您将只附加一个事件:

//assuming this is a jquery object.
this.unbind("click");
this.click(function(){
  alert("clicked once");
});

从 jQuery 1.7 开始，click 现在使用 .on ( http://api.jquery.com/click/ )，因此现在正确的代码是

//assuming this is a jquery object.
this.off("click");
this.click(function(){
  alert("clicked once");
});

这将解除所有点击事件的绑定(bind)(包括由您可能正在使用的任何插件创建的事件)。为了确保您只解除事件的绑定(bind)，请使用命名空间。 (http://api.jquery.com/off/)

//assuming this is a jquery object.
this.off("click.myApp");
this.on("click.myApp", function(){
  alert("clicked once");
});

这里 myApp 是命名空间。