jquery动态添加元素无法触发绑定的事件的解决方案

weixin_33888907

于 2018-11-23 14:43:00 发布

阅读量110

点赞数

文章标签： javascript ViewUI

本文介绍两种在jQuery中为动态生成的元素绑定事件的方法：使用过时的live事件（仅限于1.9以下版本）和推荐的on()事件委托。通过实例展示了如何使用这两种方法为动态创建的按钮元素绑定点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：绑定live事件(live事件只在jquery1.9以下才支持，高版本不支持)。

//jquery 1.9(不包括1.9)以下可以
$(".btn").live("click",function(){
    alert('这里是动态元素添加的事件');
})

方法二：利用on（）事件绑定 ($(ParentEle).on("click",".thisEle",function(){})

$("body").on("click", ".btn", function() {
    alert('这里是动态元素添加的事件');
});