ajax請求返回的數(shù)據(jù)無法用選擇器綁定事件-創(chuàng)新互聯(lián)
今天在寫一個項目的時候突然發(fā)現(xiàn)一個很怪異的問題，問題是這樣的：
當(dāng)我使用ajax去后臺請求數(shù)據(jù)就將后臺拼接生成的html代碼直接添加到頁面中了，但是在后續(xù)操作中發(fā)現(xiàn)，生成的html代碼綁定的click不起作用，但是換成onclick=“click()”的話就可以了。
出現(xiàn)的原因是：
因為先后順序的關(guān)系啊~用AJAX加載是異步加載這個應(yīng)該很清楚吧~既然是異步加載那么就是非同步的，
也就是說當(dāng)你的整個頁面加載完成后$('.div').click(function(){.....});
這句根本找不到你異步加載的DIV，所以它就不會執(zhí)行了，即使你之后再把
div
這個加載進(jìn)來，在瀏覽器也不會找到這個DIV的，因為瀏覽器在第一次加載的時候沒有找到它，
并且瀏覽器在你加載進(jìn)這個DIV來之后也不會重新渲染一次，所以找不到。
而你加載進(jìn)來的
div
，是它去找的這個函數(shù)，而dofun這個函數(shù)是之前就被瀏覽器渲染過了，只是還沒有調(diào)用，而你新加載進(jìn)來的DIV正好要調(diào)用之前就已經(jīng)渲染好的
函數(shù)，所以就可以使用了~
更多的解釋：
因為$('.div').click(function(){.....}); 是在 ajax加載出來之后才執(zhí)行的；而且，如果沒找到對象，調(diào)試時應(yīng)該報錯才對，但是又沒報錯。這是因為你用ajax加載的是
div
這個！但是瀏覽器在第一次加載渲染的時候沒有找到div
這個，所以你的那個$('.div').click(function(){.....});在瀏覽器第一次加載的時候是不會找到 class="div"的這個層的，所以就當(dāng)沒找到對象跳過去了，但是語法上又沒有錯誤，所以它不會報錯，至于你說的沒找到對象也沒有報錯那是因為$('.div').click(function(){.....});這句根本就沒有執(zhí)行，所以不存在查找對象的問題，自然就不報錯了~JS瀏覽器只加載一次，并且注冊一些對應(yīng)的事件，當(dāng)?shù)谝淮巫哉也坏綄?yīng)的元素時就會被瀏覽器忽略，之后及時你再加載元素進(jìn)來也不會再重新加載一次JS了，除非你刷新。所以你的$('.div').click(function(){.....}); 這句算是JS，所以瀏覽器只加載一次。所以不管用了創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。
文章名稱：ajax請求返回的數(shù)據(jù)無法用選擇器綁定事件-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://m.jiaotiyi.com/article/dedddd.html