JQuery中的click重复执行现象

Posted 2020-10-01 abel的博客

现象：

用jquery绑定的click事件，在第一次执行的时候执行了一次，在第二次执行的时候执行了两次，依次类推。。。第n次执行的时候，执行了n次。

原因：

jquery绑定的click事件会在原基础的基础上进行追加，第二个click事件会追加到第一个click事件上，所以执行了两次

解决方法：

在进行click事件之前，对上一个click事件进行解绑。

代码如下：

$(".aaa").unbind("click");
$(".aaa").bind("click"，function(){
    alert("aaa")        
});

也可以这样：

$(".aaa").unbind("click")..bind("click"，function(){ alert("aaa") });