前端之路：bootstrap table 按钮，元素，点击事件没反应，无效的解决方方案。

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

 

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

猜测：

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

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

 

解决方法：

1.

/*
 *为该元素使用新版JQ的on 方法。该方法 是可以找到 这种加载方式的  元素的
 */

 $("#该元素父元素的选择器(table里面元素就取table的id)").on("click",'该元素的选择器,#id,.class',function () {
       
           //这里写点击逻辑
        });

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

2.

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

   

例：Copy Text

js添加对应方法。