您的位置:首页 > Web前端 > JavaScript

js-dom装载后异步写入的内容,无法绑定到事件

2017-02-24 23:04 260 查看
页面事件绑定是在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>");
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: