关于jquery：数据表和引导程序工具提示

Datatables and bootstrap tooltips

我正在将数据表添加到我的Rails应用程序中。我大部分时间都在使用它，但我一直在处理CSS/jQuery问题。我有一个行单元格定义如下：

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

它呈现：

1	88.9 mm</abbr>

在非DataTable表中，引导工具提示工作正常，但在DataTable上失败。根据我的经验，这是因为数据表是在主体完成等之后呈现的。

经过一些挖掘，我试着这样做：

1
2
3
4
5
6
7
8
9

$ ->
$('#table').dataTable
ajax:
url: myurl
processing: true
serverSide: false
responsive: true
'fnCreatedCell': (nTd, sData, oData, iRow, iCol) ->
$(nTd"abbr").tooltip()

这几乎奏效了…几乎是因为我得到了一个工具提示，但我猜这是一个数据表工具提示与引导程序工具提示：

enter image description here

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

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

谢谢,

丹

相关讨论

如注释所述，您可以使用selector选项：

1	$('body').tooltip({selector: '[data-toggle="tooltip"]'});

这也适用于爆米花。

每次数据表重画表时，都需要使用drawCallback初始化工具提示。

1
2
3
4
5
6
7
8
9
10

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

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

// add as many tooltips you want

},
});