jQuery动态生成的元素绑定事件

前几天写代码的时候遇到一个问题,通过引入的js文件动态生成的元素绑定单击事件不起作用。于是去查找下资料,发现动态生成的元素无法使用click方法绑定。如果需要给动态的元素绑定事件,需要使用到on()方法

1
2
3
$("#comment").on("click","button",function(){
<!-- 这里写方法的内容 -->
})

on()方法,可以给未来的元素绑定事件
使用方法:
1、先选中动态生成元素的父元素 如:#comment
2、然后绑定事件
3、再选中子类 如:button
可以理解为给id为comment的元素下的button元素包括未来的button元素绑定click事件,这是比较通俗易懂的理解,详细内容可以看文档的具体说明

欢迎关注我的其它发布渠道