Bootstrap 使用 Datatable 切换到其他页面时缺少工具提示功能

The Bootstrap tooltip function missing when change to other page using Datatable

VISIT http://jsfiddle.net/housekeepings/qx5a4wf3/3/

Tooltip功能在第一页可以正常使用,

但是切换到第二页时失败了! 如何在另一页重绘工具提示?

工具提示在 dom 准备好加载页面时应用,并且不会在绘制 table 视图时重新应用于进入 dom 的新元素再次。 DataTables 有一个 draw event ,当 table 的状态改变时触发。侦听器可以附加到此事件,并在绘制事件触发时应用工具提示。

$('#table_id').DataTable({responsive: true,}).on("draw", function() {
     $('[data-toggle="tooltip"]').tooltip();
});