JQuery事件重复绑定

JQuery事件重复绑定

很多时候，html元素的事件不会重复绑定，但是在某些特殊的场合，比如动态加载的时候，就会出现这种情况，导致一个元素绑定了几次事件，造成点击一次，执行了N次本来只需要执行一次的代码。这时候，怎么解决呢。

使用off取消绑定，代码如下

$(selector).off('click').on('click',funtion(){});

这样每次绑定前都取消了之前绑定的事件。但是这样也有问题，比如我这个元素是公共元素，很有可能其他插件或者其他代码块也绑定了事件。off会把所有的事件都取消，这时候会影响别的功能，显然不是我们希望看到的。

JQuery事件的命名空间

用 jQuery 绑定和解绑事件监听器都是非常简单的。但是当你为一个元素的一个事件绑定了多个监听器时，怎样精确地解绑其中一个监听器？

看下面的代码

 $(selector).on('click',clickevent1).on('click',clickevent2)

如果我想解绑clickevent2呢，可以这样解绑

$(selector).off('click',clickevent2);

但是我们常常使用匿名回调，这时候写法如下

$(selector).on('click.命名空间',function(){});

解绑

$(selector).off('click.命名空间');