1. 程式人生 > >前端之路:bootstrap table 按鈕,元素,點選事件沒反應,無效的解決方方案。

前端之路: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 時間。類似其他事件方式寫法相同。