这篇博客探讨了在jQuery中如何为动态生成的元素正确绑定点击事件的问题。通过实例展示了当直接绑定事件无效时，如何利用父级静态元素进行事件委托，以确保动态元素的点击事件能够正常触发。解决方案是找到动态元素的静态父级，然后使用`on`方法进行事件绑定，如`$('#p').on('click','#a',function(){...}
$(“#a”).click(function(){
console.log('静态元素，可以显示；但是js动态生成的元素就不生效了')
})
网上有一个on方法，可以给动态元素绑定事件，像这样：
$("#a").on('click',function(){
console.log('动态元素点击事件，还是不生效，为什么呢？往下看')
})
应该这样做（这是本人适错适出来的，具体原理咱也不懂）
先获取动态元素的父级以上是静态元素的
<div id="p">静态元素
<div>
<div id='a'>动态生成的元素</div>
</div>
</div>
jquery代码：
$('#p').on('click','#a',function(){
console.log('这样，就成功绑定动态生成元素的点击事件了')
})
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
