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

jquery中不只click事件绑定后会累加,其他事件也会出现累加执行的状况!

此处以click事件为例,阐述解决方法!

解决办法:

  1. 元素点击后删除,然后再动态创建一个元素,再添加点击事件
  2. 使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次;

    $("#putMess.dele").one("click",function(){
        console.log(111)
    })
  3. 在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样;

    $("#putMess .dele").unbind("click").bind("click",function(){
        console.log(111)
    })
    
    $("#putMess .dele").off("click").on("click",function(){
        console.log(111)
    });

猜你喜欢

转载自blog.csdn.net/sinat_38592878/article/details/78910278
今日推荐