解決AJAX動態加載元素無法綁定事件

問題

通過ajax把html加載到頁面,如果直接寫綁定代碼,會失效。

解決方式

將事件委託到body(當然可以是其它父元素),等事件冒泡到父元素上面再進行事件處理。

例如:
如果ajax載入了一個

<button id="cloudmusic"></button>

這個時候如果你的js中寫了

$('#cloudmusic-1').on('click',function(){
        alert('確認要刪除嗎?');
});

事件無法綁定。

需要:

$('body').on('click','#cloudmusic-1',function(){
        alert('確認要刪除嗎?');
});
發佈了307 篇原創文章 · 獲贊 286 · 訪問量 69萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章