首頁猿問請教各位一個(gè)問題，求解答：jque...

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

JavaScript

尚方寶劍之說 2019-08-05 22:45:58

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

查看完整描述

2 回答

忽然笑

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

$(document).on('click',function)這樣寫的話是監(jiān)聽整個(gè)文檔的事件，如果你想監(jiān)聽局部的動(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í)，你就可以操作了

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