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

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

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

猜测:

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

          js  append方法添加的 html代码,然后给这代码里面的 元素 添加 事件,缺获取不该元素。 

解决方法:

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_33368846/article/details/84580759