jQuery dataTables中的彈出窗口在頁面更改後不起作用

Question

我在頁面上使用了JQUERY Datatable和Webui Popover插件。該酥料餅實際上

<small style=" color: #10336B;" class='codedescription' 
data-title="My Title" data-content='My Dynamic Content'><b>CODE  

分配的元素，這裏的酥料餅的初始化

$('.codedescription').webuiPopover({ closeable: false, trigger: 'hover', title: '', content: '', delay: { show: null, hide: 300} }); 

其工作罰款被綁定的第一頁或經過短短的DataTable時。但是，如果我們移動到數據表中的另一個頁面或頁面更改後，彈出窗口停止工作。只有第一次初始化的彈出工作。

所以我試圖在Datatable頁面更改事件中重新初始化popover插件，如下所示。

$('#tbl_main').on('page.dt', function() { 
    alert(55); 
    $('.codedescription').webuiPopover({ closeable: false, trigger: 'hover', title: '', content: '', delay: { show: null, hide: 300} }); 
}); 

但是，當頁面更改警報顯示，但彈出窗口不顯示在第一頁以外的任何頁面。 JQUERY Datatable中的頁面更改後，什麼使popovers無效。

Answer 1

您應該使用draw.dt事件。 page.dt在更新表的分頁時觸發，draw.dt被觸發，當dataTable的完成繪製。

$('#tbl_main').on('draw.dt', function() { 
    ... 
});