Jquery 数据表和引导工具提示

我正在将Datatables添加到我的Rails应用程序中。我大部分时间都在使用它，但是我被CSS/jQuery问题所困扰。我有一个行单元格，定义如下：

content_tag(:abbr, "#{record.od} mm", data: { container: 'body', toggle: 'tooltip', placement: 'bottom', html: 'true' }, title: 'test' )

这使得：

<abbr data-container="body" data-toggle="tooltip" data-placement="bottom" data-html="true" title="test">88.9 mm</abbr>

这几乎奏效了。。。几乎是因为我得到了一个工具提示，但我猜这是一个datatable工具提示而不是引导工具提示：

忘记工具提示内容-格式等是问题所在。非引导工具提示也需要更长的时间才能淡入

这里可能有一个简单的解决方法吗

谢谢

---

Dan

如评论中所述，您可以使用：

---

这也适用于弹出窗口。

每次DataTables重新绘制表时，您需要使用

drawCallback

初始化工具提示

var table = $('#example').DataTable( {  
"drawCallback": function( settings ) {

$('[data-toggle="tooltip1"]').tooltip();
$('[data-toggle="tooltip2"]').tooltip();

// add as many tooltips you want

},
});

---

只有这个对我有用

drawCallback: function () {
     $('body').tooltip({ selector: '[data-tooltip="tooltip"]' });
},

---

我可能会在工具提示中添加一个类（例如

tooltip

），然后在draw回调中调用tooltip函数。我不太喜欢这个答案：尝试使用delagation:$（'body'）。工具提示选择器：“[data toggle=“tooltip”]”成功了。如果您将此添加为实际答案，我将接受。这对我来说很有效，但我只在

[data toggle=“tooltip”]

上运行了一次

.tooltip（）

（与为每个工具提示创建许多切换相反，它似乎工作得很好。我更改了responsive=false，xscroll=true，但它一直闪烁，我不知道为什么。请告诉我

var table = $('#example').DataTable( {  
"drawCallback": function( settings ) {

$('[data-toggle="tooltip1"]').tooltip();
$('[data-toggle="tooltip2"]').tooltip();

// add as many tooltips you want

},
});

drawCallback: function () {
     $('body').tooltip({ selector: '[data-tooltip="tooltip"]' });
},