您好,登錄后才能下訂單哦!
今天在寫一個項目的時候突然發現一個很怪異的問題,問題是這樣的:
當我使用ajax去后臺請求數據就將后臺拼接生成的html代碼直接添加到頁面中了,但是在后續操作中發現,生成的html代碼綁定的click不起作用,但是換成onclick=“click()”的話就可以了。
出現的原因是:
因為先后順序的關系啊~用AJAX加載是異步加載這個應該很清楚吧~既然是異步加載那么就是非同步的,
也就是說當你的整個頁面加載完成后$('.div').click(function(){.....});
這句根本找不到你異步加載的DIV,所以它就不會執行了,即使你之后再把<div class="div">div</div>
這個加載進來,在瀏覽器也不會找到這個DIV的,因為瀏覽器在第一次加載的時候沒有找到它,
并且瀏覽器在你加載進這個DIV來之后也不會重新渲染一次,所以找不到。
而你加載進來的<div onclick=dofun("prameter")>div</div>,是它去找的這個函數,而dofun這個函數
是之前就被瀏覽器渲染過了,只是還沒有調用,而你新加載進來的DIV正好要調用之前就已經渲染好的
函數,所以就可以使用了~
更多的解釋:
因為$('.div').click(function(){.....}); 是在 ajax加載出來之后才執行的;而且,如果沒找到對象,調試時應該報錯才對,但是又沒報錯。這是因為你用ajax加載的是<div class="div">div</div>這個!但是瀏覽器在第一次加載渲染的時候沒有找到<div class="div">div</div>這個,所以你的那個$('.div').click(function(){.....});在瀏覽器第一次加載的時候是不會找到 class="div"的這個層的,所以就當沒找到對象跳過去了,但是語法上又沒有錯誤,所以它不會報錯,至于你說的沒找到對象也沒有報錯那是因為$('.div').click(function(){.....});這句根本就沒有執行,所以不存在查找對象的問題,自然就不報錯了~JS瀏覽器只加載一次,并且注冊一些對應的事件,當第一次注冊找不到對應的元素時就會被瀏覽器忽略,之后及時你再加載元素進來也不會再重新加載一次JS了,除非你刷新。所以你的$('.div').click(function(){.....}); 這句算是JS,所以瀏覽器只加載一次。所以不管用了
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。