jQuery防止重復(fù)綁定事件的解決方法
本文實(shí)例分析了jQuery防止重復(fù)綁定事件的解決方法。分享給大家供大家參考,具體如下:
一、問(wèn)題:
今天發(fā)現(xiàn)jQuery一個(gè)對(duì)象的事件可以重復(fù)綁定多次,當(dāng)事件觸發(fā)的時(shí)候會(huì)引起代碼多遍執(zhí)行。
下面是一個(gè)click事件被重復(fù)綁定的示例:
function reg_button_click(){ $("#button).click(function(){ alert("button click"); }); } $(document).ready(function(){ #重復(fù)注冊(cè)3次 reg_button_click(); reg_button_click(); reg_button_click(); #觸發(fā)的時(shí)候 出現(xiàn)3個(gè)alert $('#button').click(); });
二、解決方法:
對(duì)于需要重復(fù)綁定的場(chǎng)景,再事件注冊(cè)時(shí)候考慮用先unbind 再bind的方法;或者先off 再on
function reg_button_click(){ $("#button).unbind('click').bind('click',(function(){ alert("button click"); }); } $(document).ready(function(){ #重復(fù)注冊(cè)3次 reg_button_click(); reg_button_click(); reg_button_click(); #觸發(fā)的時(shí)候 出現(xiàn)3個(gè)alert $('#button').click(); });
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專(zhuān)題:《jQuery操作xml技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jquery綁定事件不生效的解決方法
- jQuery中的bind綁定事件與文本框改變事件的臨時(shí)解決方法
- jQuery中on綁定事件后引發(fā)的事件冒泡問(wèn)題如何解決
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- 淺談jQuery綁定事件會(huì)疊加的解決方法和心得總結(jié)
- 解決jquery appaend元素中id綁定事件失效的問(wèn)題
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- JQuery中綁定事件(bind())和移除事件(unbind())
- JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法
- jquery新的綁定事件機(jī)制on方法的使用方法
- jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
相關(guān)文章
formvalidator驗(yàn)證插件中有關(guān)ajax驗(yàn)證問(wèn)題
jquery formvalidator插件是不錯(cuò)的國(guó)產(chǎn)驗(yàn)證插件了,做點(diǎn)普通的校驗(yàn)也是很方便的,但最近遇到個(gè)問(wèn)題,發(fā)現(xiàn)如果表單整個(gè)表單是AJAX提交時(shí),就不能按傳統(tǒng)的做法了2013-01-01基于jquery的讓頁(yè)面控件不可用的實(shí)現(xiàn)代碼
當(dāng)用戶(hù)需要某項(xiàng)功能時(shí)要填寫(xiě)一些表單信息,在填寫(xiě)完成并提交后,該部分信息是不允許再次修改的。表單包含TextBox、DropDownList、CheckBox等控件。2010-04-04ASP.NET jQuery 實(shí)例13 原創(chuàng)jQuery文本框字符限制插件-TextArea Counter
這節(jié)介紹一個(gè)自己寫(xiě)的jQuery文本框字符限制插件,至于如何寫(xiě)插件,我這里就不多講了,可以查看相關(guān)介紹,這里主要介紹下該插件的功能2012-02-02jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07picLazyLoad 實(shí)現(xiàn)圖片延時(shí)加載(包含背景圖片)
下面小編就為大家?guī)?lái)一篇picLazyLoad 實(shí)現(xiàn)圖片延時(shí)加載(包含背景圖片)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jQuery Validation插件remote驗(yàn)證方式的Bug解決
jQuery插件很多,其中一個(gè)重要的插件便是jQuery Validation,它的作用是對(duì)表單進(jìn)行驗(yàn)證,還上了jQuery官網(wǎng)。2010-07-07