首页 > 代码库 > JQuery中的click重复执行现象

JQuery中的click重复执行现象

现象:

用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") });
 

JQuery中的click重复执行现象