Javascript 引导工具提示在对表进行排序时消失

通过将以下标记直接添加到我的表格单元格中，我在我的表格（）中包含了一些引导工具提示（由glyphicons指示）：

<i class="glyphicon glyphicon-tags" data-toggle="tooltip" data-placement="right" data-title="this is a tooltip glyphicon"></i>

---

虽然它在加载表格时工作得很好，但一旦我对表格进行排序，表格单元格中的引导工具提示效果就会奇怪地消失。我浏览了整个网站和论坛，但没有找到任何有用的东西。有人知道是什么导致了这种失踪吗？我将非常感谢你的帮助

是的，引导程序一定在做一些破坏工具提示绑定的事情。在排序回调上运行它：

$table.on('sort.bs.table', function () {
    tooltipExe();
});

更新：排序事件不起作用，可能是因为它在排序操作开始时触发，所以我使用了

all.bs.table

。我看到这是一个事后事件

再次更新：我从Github线程中看到，您可以使用

post body.bs.table

事件来减少函数调用的数量

---

对于Bootstrap4，下面发布的代码对我来说很有用。当我单击一个表列以按该列对表进行排序时，如果我在下面添加了在重新绘制表后触发的函数，则工具提示在排序后工作良好

<table id="smmrytbl" class="compact striped table-hover dt-responsive display"></table>
<script type="text/javascript" class="init">
$(document).ready(function() {
    var table = $('#smmrytbl').DataTable( {
    [...]   
    } );
});
$('#smmrytbl').on( 'draw.dt', function () {        
    $('[data-toggle="tooltip"]').tooltip('update');
});
</script>

$（文档）.ready（函数（）{
变量表=$（'#smmrytbl'）。数据表（{
[...]   
} );
});
$（'smmrytbl'）。on（'draw.dt'，function（）{
$（'[data toggle=“tooltip”]'）。工具提示（“更新”）；
});

所有“我的工具提示”都已设置，如下例所示：

<span data-toggle="tooltip" data-placement="bottom" data-html="true" title="5<sup>th</sup> Percentile">42</span>

42

您可以将代码放入fiddler吗？听起来您可能需要在排序后重新初始化工具提示？这可能并不理想。

<span data-toggle="tooltip" data-placement="bottom" data-html="true" title="5<sup>th</sup> Percentile">42</span>