javascript - jQuery给动态添加的元素绑定事件的问题？

问题描述

问 题

上图中的代码块是描述有一个事件，触发之后在对应id="tb1"的标签后面生成html；
在网页中的代码是这样的，如下图

标为2的是之前就有的，3是通过上面的事件添加上去的，那么问题来了；有个name=plan_bt[]的属性，这个属性绑定了一个事件，代码如下图

为什么添加后的html代码，不执行这个事件呢，点击选择按钮没有反应？刚开始是放在ready下的，应如何修改？

解决方案

绑定事情的时候，如果你这个 DOM 还没生成，那就不会绑定上也就是说

绑定事件只对绑定当时已经存在的DOM进行了绑定

如果需要对以后添加的 DOM 进行绑定，可以采用委托方式，背后原理是事件冒泡机制，用 jQuery 大概是这样实现

// 找到父对象，这里假设是 form
$("form:first").on("click", "name='plan_bt[]'", function(e) {
    var targets = $(e.target);
    // ...
});

这篇关于javascript - jQuery给动态添加的元素绑定事件的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！