Question

我在页面上使用了JQUERY Datatable和Webui Popover插件。实际上为

中的元素分配了弹片

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

这里是Popover初始化

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

在第一页或数据表被绑定之后，它的工作正常。但是，如果我们移动到数据表上的另一个页面或页面更改后，弹出窗口停止工作。只有第一次初始化的popovers工作。

所以我尝试在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，当dataTable 完成绘图时会触发draw.dt。

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

在页面更改后，jQuery dataTables中的弹出窗口不起作用

1 个答案: