欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery防止重復綁定事件的解決方法

 更新時間：2016年05月14日 13:16:01   作者：懶人  
這篇文章主要介紹了jQuery防止重復綁定事件的解決方法,結(jié)合實例形式分析了jQuery的重復綁定問題與相應的解決方法,需要的朋友可以參考下

本文實例分析了jQuery防止重復綁定事件的解決方法。分享給大家供大家參考，具體如下：

一、問題：

今天發(fā)現(xiàn)jQuery一個對象的事件可以重復綁定多次，當事件觸發(fā)的時候會引起代碼多遍執(zhí)行。

下面是一個click事件被重復綁定的示例:

function reg_button_click(){
  $("#button).click(function(){
    alert("button click");
  });
}
$(document).ready(function(){
  #重復注冊3次
  reg_button_click();
  reg_button_click();
  reg_button_click();
  #觸發(fā)的時候 出現(xiàn)3個alert
  $('#button').click();
});

二、解決方法：

對于需要重復綁定的場景，再事件注冊時候考慮用先unbind 再bind的方法；或者先off 再on

function reg_button_click(){
  $("#button).unbind('click').bind('click',(function(){
    alert("button click");
  });
}
$(document).ready(function(){
  #重復注冊3次
  reg_button_click();
  reg_button_click();
  reg_button_click();
  #觸發(fā)的時候 出現(xiàn)3個alert
  $('#button').click();
});

更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題：《jQuery操作xml技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設計有所幫助。

相關(guān)文章

最新評論