javascript - jq click事件重復(fù)執(zhí)行的問題
問題描述
求助,jq動(dòng)態(tài)生成的元素需要用on來綁定點(diǎn)擊事件才生效,而執(zhí)行on的函數(shù)里面也有點(diǎn)擊事件,然后函數(shù)就被執(zhí)行了兩次,這樣的情況該怎么解決?
問題解答
回答1:用event對象找到你真正想點(diǎn)擊的目標(biāo)
回答2:其實(shí),無非就是事件綁定了2次或者事件冒泡引起的;1,解除事件,再綁定
$(ele).unbind(’click’).click(function() {// to do })
2,取消冒泡
$(ele).click(function(e){ e.stopPropagation();});回答3:
先去除監(jiān)聽,后監(jiān)聽.off(handler).on(handler)
回答4:這是冒泡? e.stopPropagation()
回答5:off 先解綁 在綁定
回答6:$(’document’).unbind(’click’).click(function() { //dosomething })回答7:
function removeMaopao(ev){var eEvent = ev || event;eEvent.stopPropagation() && eEvent.stopPropagation;return false; }回答8:
樓上的說的比較清楚了。1.找到問題 1.1 是綁定了兩次,因?yàn)閯?dòng)態(tài)生成的元素綁定了一個(gè)事件,但是在這個(gè)事件中又去調(diào)用了之前綁定的事件
$(’document’).unbind(’click’).click(function() { //取消綁定的回調(diào)事件})
1.2 還是 事件的冒泡導(dǎo)致(如果不熟悉冒泡,請先看下相關(guān)資料)
$(’document’).click(function(e){ //取消事件冒泡 e.stopPropagation();});
2.動(dòng)態(tài)生成的元素其實(shí)可以不一定需要使用動(dòng)態(tài)的綁定事件
使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)。點(diǎn)擊這里查看詳細(xì)文檔:http://www.w3school.com.cn/jq...
$('p').delegate('button','click',function(){ $('p').slideToggle();});回答9:
記得on()之后off()掉
相關(guān)文章:
1. android - 安卓做前端,PHP做后臺(tái)服務(wù)器 有什么需要注意的?2. docker不顯示端口映射呢?3. mysql - 我用SQL語句 更新 行的時(shí)候,發(fā)現(xiàn)全部 中文都被清空了,請問怎么解決?4. python - 子進(jìn)程執(zhí)行完成為僵尸進(jìn)程,怎么解決5. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內(nèi)容?6. javascript - 求教各位,本地HTML頁面怎么在DIV中嵌套服務(wù)器上的頁面內(nèi)容?不用iframe。7. python-mysql Commands out of sync8. java中返回一個(gè)對象,和輸出對像的值,意義在哪兒9. javascript - 給某個(gè)類添加一個(gè)偽類,這個(gè)類有click事件,現(xiàn)在我點(diǎn)擊偽類也觸發(fā)了click事件10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
