Javascript 悬停时的popover在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>'
 }

在ready函数中，我添加了

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

---

但在datatable中，只有在第一页上，鼠标悬停的popover才起作用。。。从第二页开始，它就不起作用了。。。。有什么解决方案吗？

每次重新绘制数据表时，您都需要重新初始化弹出框<代码>$（'[data toggle=“popover”]'）。popover（）将仅初始化代码执行时可见的popover，而不会初始化例如第2页中的popover。在回调中执行

popover（）

：

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

---

你能包括你的HTML吗？进一步的背景可能会有所帮助。考虑设置一个不用于DraceCopeBead的演示：函数（）[ $[数据切换=“工具提示”]）.TooTIp（）；} @ WahyuKodar <代码> $（'[数据切换=“工具提示”]）。

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