click事件多次触发 jQuery

jQuery 中 click事件会累计绑定

例如下列代码：

aNode.click(function(){

　　bNode.click(function(){

　　　　console.log('haha');

　　});

});

如果把对bNode的点击事件绑定到aNode的点击事件里，那么每点击一次aNode就会绑定一次bNode，假设在点击bNode之前点击了3次aNode，那么点击bNode之后，控制台会出现三次haha。

因为jQuery中的click事件会累计绑定

为了避免上述情况发生，有两种解决办法：

1.应该避免把click事件绑定到其他的例如click,hover等事件中。

上述例子应该改成下面的形式：

aNode.click(function(){

});

bNode.click(function(){

　　console.log('haha');

});

2.如果必须把click事件绑定在其他的例如click，hover等事件中的话（例如需要用到其他作用域中的变量，尤其是存在listitem这种情况下），需要用到unbind事件

转载于:https://www.cnblogs.com/mabelstyle/p/3824455.html