click事件的累加绑定,绑定一次点击事件,执行多次

第一种方法是使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次。

$("#adsCollection_tb").one("click",function(){
    alert("执行"); 
})
  • 1
  • 2
  • 3

第二种方法是在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样。但你使用bind()方法绑定时,可以用unbind()方法解除绑定。通常我们跟愿意用on()方法绑定事件,因为bind()方法已经不被推荐,那么那么就用off()方法解除事件绑定。

$("#adsCollection_tb").unbind("click").bind("click",function(){
     alert("执行"); 
  });
  $("#adsCollection_tb").off("click").on("click",function(){
     alert("执行"); 
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

注意:用 on绑定的未来元素,用off解除的时候,后面on 也要跟着一样写。 
如:

$(document).off("click").on("click",".find_p2",function(){
    alert("执行");                        
})

猜你喜欢

转载自blog.csdn.net/qq_39098505/article/details/80934639