问题: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 时间。类似其他事件方式写法相同。