jQuery防止重復(fù)綁定事件的解決方法
更新時間：2016年05月14日 13:16:01 作者：懶人
這篇文章主要介紹了jQuery防止重復(fù)綁定事件的解決方法,結(jié)合實例形式分析了jQuery的重復(fù)綁定問題與相應(yīng)的解決方法,需要的朋友可以參考下
本文實例分析了jQuery防止重復(fù)綁定事件的解決方法。分享給大家供大家參考，具體如下：
一、問題：
今天發(fā)現(xiàn)jQuery一個對象的事件可以重復(fù)綁定多次，當事件觸發(fā)的時候會引起代碼多遍執(zhí)行。
下面是一個click事件被重復(fù)綁定的示例:
function reg_button_click(){
$("#button).click(function(){
alert("button click");
});
}
$(document).ready(function(){
#重復(fù)注冊3次
reg_button_click();
reg_button_click();
reg_button_click();
#觸發(fā)的時候 出現(xiàn)3個alert
$('#button').click();
});
二、解決方法：
對于需要重復(fù)綁定的場景，再事件注冊時候考慮用先unbind 再bind的方法；或者先off 再on
function reg_button_click(){
$("#button).unbind('click').bind('click',(function(){
alert("button click");
});
}
$(document).ready(function(){
#重復(fù)注冊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程序設(shè)計有所幫助。
您可能感興趣的文章:
- jquery綁定事件不生效的解決方法
- jQuery中的bind綁定事件與文本框改變事件的臨時解決方法
- jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- 淺談jQuery綁定事件會疊加的解決方法和心得總結(jié)
- 解決jquery appaend元素中id綁定事件失效的問題
- jQuery給動態(tài)添加的元素綁定事件的方法
- JQuery中綁定事件（bind()）和移除事件（unbind()）
- JQuery 綁定事件時傳遞參數(shù)的實現(xiàn)方法
- jquery新的綁定事件機制on方法的使用方法
- jQuery動態(tài)添加元素無法觸發(fā)綁定事件的解決方法分析
相關(guān)文章
jQuery中parents()和parent()的區(qū)別分析
這篇文章主要介紹了jQuery中parents()和parent()的區(qū)別,具體分析了parents()和parent()的原理與用法區(qū)別,非常具有實用價值,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了jQuery解決瀏覽器兼容性問題的方法,結(jié)合實例形式分析了針對不同瀏覽器的click事件響應(yīng)兼容性問題,需要的朋友可以參考下2016-04-04
jQuery實現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果
這篇文章主要介紹了jQuery實現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果,涉及jquery針對頁面高度計算與樣式的動態(tài)添加及刪除技巧,非常簡單實用,需要的朋友可以參考下2015-08-08
本文使用大名頂頂?shù)膉query來實現(xiàn)QQ校友的DIV模擬窗口，QQ的檢驗一些都是非常棒的2010-03-03
如果希望取到tagName后再進行判斷，可以使用$(element).is()來實現(xiàn)2014-05-05
這篇文章主要介紹了jQuery實現(xiàn)圖片輪播特效，圖片輪播效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-09-09
Jquery仿淘寶京東多條件篩選可自行結(jié)合ajax加載示例
仿淘寶京東多條件篩選可自行結(jié)合ajax加載，使用Jquery簡單實現(xiàn)，具體如下，喜歡的朋友可以參考下2013-08-08
倒計時效果在我們的日常生活中經(jīng)常會用到，比如說高考倒計時、元旦放假倒計時、春節(jié)放假倒計時等等，下面通過本篇文章給大家分享基于jQuery實現(xiàn)美觀且實用的倒計時實例代碼，對jquery倒計時相關(guān)知識感興趣的朋友一起學(xué)習吧2015-12-12
在系統(tǒng)開發(fā)過程中經(jīng)常會用到系統(tǒng)的當前時間，然而我們遇到的問題確又是各個瀏覽器返回值不同，就像典型的IE和FF瀏覽器。2008-12-12
這篇文章主要介紹了JQuery 動態(tài)生成Table表格實例代碼的相關(guān)資料,這里附有實現(xiàn)實例代碼，具有一定的參考價值，需要的朋友可以參考下2016-12-12