jquery 动态添加的元素 绑定事件click失效

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效率，

a-table里添加不了点击事件

问题：bootstrap table 生成的表格里formatter添加 的 HTML元素 按钮，js 中添加 点击事件，点击没反应。或者点击好多次，刷新在点击，才有反应。

最近项目用到这个插件，马上就来坑了。自定义的button 点半天没反应，

猜测：

是这个表格插件 加载 数据的时候 跟 js 中 append 添加 html代码 是一样的。

js append方法添加的 html代码，然后给这代码里面的 元素 添加 事件，却获取不该元素。（称之为未来元素），由于是未来的 所以 现在 没有这个元素，导致获取不到。

解决方法：

1.遇到加载 获取不到元素 的 id 或者 class 的时候，可以考虑用这种 新版的 on 方法 添加 这种未来 元素 event 事件。类似其他事件方式写法相同。

2.给该元素 绑定一个 点击事件。

---