弹出窗口hover不在数据表的第二页上工作

我动态地添加了一列的内容……

for (var i = 0; i < data.length; i++) { data.referred_by=''+temp[i].referred_by+'' } 

以下代码是创建数据表

 $('#datatable4').dataTable({ 'paging': true, // Table pagination 'ordering': true, // Column ordering 'info': true, // Bottom left status text "aaData" : data, aoColumns: [ { mData: 'index' }, { mData: 'patient_name' }, { mData: 'age' }, { mData: 'gender' }, { mData: 'mobile_no' }, { mData: 'email_id' }, { mData: 'request_status' }, { mData: 'referred_by' }, { mData: 'ref_to_img'}, { mData: 'ref_by_img'} ] 

在准备好的function中我添加了

  $('[data-toggle="popover"]').popover(); 

但在数据表中仅在第一页上hover在hover上工作……并且在第二页以后它不起作用….是否有任何解决方案？

Answer 1

每次重绘dataTable时都需要重新初始化弹出窗口。 $('[data-toggle="popover"]').popover()仅初始化执行代码时可见的$('[data-toggle="popover"]').popover() ，而不是例如页面＃2中的弹出窗口。 改为执行drawCallback()回调中的drawCallback() ：

 $('#datatable4').dataTable({ ... drawCallback: function() { $('[data-toggle="popover"]').popover(); } })