本文實例分析了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程序設計有所幫助。
新聞熱點
疑難解答