Twitter Bootstrap Popchat在數據表上過濾後無法工作

我有一個datatable分頁，我有錨每個行產生的彈出，但彈出只顯示在第一個結果頁面。在過濾結果或移至其他結果頁面時，不會顯示彈出窗口。Twitter Bootstrap Popchat在數據表上過濾後無法工作

我不知道是否有人已經有同樣的問題，我可以做些什麼來解決這個問題。

2013-01-04 afranco

DataTables插件在過濾/排序時銷燬和重建DOM元素。你也許會像這樣相處：

var myTable = $('#myTable').dataTable(); 
/* Apply the popover using the API */ 
myTable.$("[id^=popover-]").popover();

下面是一些關於它的資料：http://www.datatables.net/release-datatables/examples/advanced_init/events_post_init.html

如果沒有幫助，您可能要提供你的代碼一個基本的例子。

來源

2013-01-04 12:45:13 ditscheri

由於ditscheri。實際上，在我的示例中，我創建瞭如您的示例中的表格，之後，我爲每個錨點ID設置了一個彈出式元素。實際上，這可以在第一個結果頁面上運行，但不適用於下面的結果頁面。例如： $（「＃popover」+ objid）.popover（{options}）; $（this）.popover（）; – afranco

您是否嘗試過上述語法？ 'myTable。$（「[id^= popover - ]」）。popover（）;'應該將popover動態添加到每個帶有id的元素，以'popover-'開頭。 – ditscheri

是的，我試過了，但它不起作用。返回錯誤消息：「myTable不是函數」。 – afranco

到ditscheri的解決方案是使用fnDrawCallback的替代：

"fnDrawCallback": function (oSettings) { 
    $(".js_popover").popover({ html:true }); 
    // $("[data-toggle=popover]").popover({ html:true }); 
},

來源

2013-11-26 19:37:53

thx，嘗試瞭解決方案並且工作正常 – kabstergo

Twitter Bootstrap Popchat在數據表上過濾後無法工作

回答

相關問題