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();
});
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();
});