Jquery中事件的重复绑定

问题:事件的绑定具有叠加效果,已有绑定的函数时,再次绑定,执行时会出现绑定多少次,触发多少次的情况

解决:1.on();绑定事件,提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数 

              off();解除绑定事件

$("#btn1").off("click").on("click",function(){
        alert("我是btn1!");
  });

          2.bind();绑定事件  

            unbind();移除通过bind()方法添加的事件

$("#btn1").unbind("click").bind("click",function(){
         alert("我是btn1!");
  });
  $("#btn1").unbind().click(function(){
          alert("我是btn1!");
   });

          3.one();方法 绑定的事件处理函数只会执行一次。

  $("#btn1").one("click",function(){  
        alert("我只执行一次!");
  }); 

猜你喜欢

转载自www.cnblogs.com/juicy-initial/p/9259354.html
今日推荐