本文實例分析了jQuery防止重復綁定事件的解決方法。分享給大家供大家參考,具體如下:
一、問題:
今天發現jQuery一個對象的事件可以重復綁定多次,當事件觸發的時候會引起代碼多遍執行。
下面是一個click事件被重復綁定的示例:
function reg_button_click(){  $("#button).click(function(){    alert("button click");  });}$(document).ready(function(){  #重復注冊3次  reg_button_click();  reg_button_click();  reg_button_click();  #觸發的時候 出現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();  #觸發的時候 出現3個alert  $('#button').click();});更多關于jQuery相關內容可查看本站專題:《jQuery操作xml技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答