js-dom裝載後異步寫入的內容,無法綁定到事件

頁面事件綁定是在dom裝載時,後期用js另寫入的內容,無法綁定到事件。
解決方案: 將事件委託到父元素(未動態更改的元素),等事件冒泡到父元素上面再進行事件處理。

如:
// 後期在js中動態append html元素
for(var i=0; i<5; i++){
	$(".chiefRace_select ul").append("<li keyvalue='aaa'>bbb</li>");
}	


此時,若想直接在<li>元素上定義事件是無效的。
正確綁定方式:
$(".chiefRace_select ul").on("click", "li", function(){
	alert("clicked <li>");
})


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章