jquery中不只click事件绑定后会累加,其他事件也会出现累加执行的状况!
此处以click事件为例,阐述解决方法!
解决办法:
- 元素点击后删除,然后再动态创建一个元素,再添加点击事件
使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次;
$("#putMess.dele").one("click",function(){ console.log(111) })
在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样;
$("#putMess .dele").unbind("click").bind("click",function(){ console.log(111) }) $("#putMess .dele").off("click").on("click",function(){ console.log(111) });