首頁(yè) 猿問(wèn) 請(qǐng)教各位一個(gè)問(wèn)題，求解答：jque...

請(qǐng)教各位一個(gè)問(wèn)題，求解答：jquery-pjax 加載頁(yè)面 js監(jiān)聽(tīng) 動(dòng)態(tài)生成dom 事件多次綁定

JavaScript

尚方寶劍之說(shuō) 2019-08-05 22:45:58

有人問(wèn)這個(gè)是什么pjax是jquety封裝的類(lèi)似ajax請(qǐng)求實(shí)現(xiàn)局部頁(yè)面加載后端用到的多為了優(yōu)化用戶(hù)體驗(yàn)https://github.com/defunkt/jq...因?yàn)榫植宽?yè)面要監(jiān)聽(tīng)js動(dòng)態(tài)生成dom我使用如下jquery$(document).on('click',function)....出現(xiàn)重復(fù)加載click事件如果使用off解綁則會(huì)導(dǎo)致不是pjax加載頁(yè)面的click事件也解綁了如何解決呢?

查看完整描述

2 回答

忽然笑

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊

$(document).on('click',function)這樣寫(xiě)的話(huà)是監(jiān)聽(tīng)整個(gè)文檔的事件，如果你想監(jiān)聽(tīng)局部的動(dòng)態(tài)DOM事件，可以這么做：1：找到這個(gè)局部DOM2：找到動(dòng)態(tài)DOM的公共父節(jié)點(diǎn)，保證這個(gè)父節(jié)點(diǎn)不是動(dòng)態(tài)生成的3：將事件委托到這個(gè)父節(jié)點(diǎn)上，例如$(parent).on('click',function)這個(gè)原理是事件冒泡，事件會(huì)一層一層的向上傳遞直至根節(jié)點(diǎn)，當(dāng)冒泡到某個(gè)父節(jié)點(diǎn)時(shí)，你就可以操作了

反對(duì) 回復(fù) 2019-08-05