[英]popover on hover not working on second page of datatable
我动态地添加了一列的内容......
for (var i = 0; i < data.length; i++) {
data.referred_by='<a href="#" data-toggle="popover" class="" title="'+temp[i].referred_by+'"data-trigger="hover" data-content="Total Referrals :'+temp[i].as_count+'">'+temp[i].referred_by+'</a>'
}
以下代码是创建数据表
$('#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'}
]
在准备好的功能中我添加了
$('[data-toggle="popover"]').popover();
但在数据表中仅在第一页上悬停时弹出正在工作......并且在第二页以后它不起作用....是否有任何解决方案?
每次重绘dataTable时都需要重新初始化弹出窗口。 $('[data-toggle="popover"]').popover()
仅初始化执行代码时可见的$('[data-toggle="popover"]').popover()
,而不是例如页面#2中的弹出窗口。 执行popover()
在drawCallback()
回调而不是:
$('#datatable4').dataTable({
...
drawCallback: function() {
$('[data-toggle="popover"]').popover();
}
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.