jquery - 在 Datatable Next Page 之后工作的图像工具提示

Question

数据表工具提示图像

我昨天问了这个问题，并认为我得到了解决方案。但是，我刚刚意识到，如果单击下一页，图像不会在工具顶部弹出。它们仅适用于返回的默认页面......即前 10 行。如果我转到下一页结果或展开表格以显示超过 10 行，则悬停工具提示不起作用。

无论如何要重新启动悬停？

请不要我尝试将这些添加到文档就绪功能中：

$('.next').click(function () {
     screenshotpreview();
 });

$('.pagination').click(function() {
 screenshotpreview();

});

Answer 1

$(document).on('click', '.next', function () {
    screenshotpreview();
});

$(document).on('click', '.pagination', function() {
    screenshotpreview();
});

事件委托是问题所在。绑定到静态父元素，以便动态添加的元素仍然可以触发。

Answer 2

这可能是因为您在 document.ready 函数上设置了工具提示。尝试在 document.ready 函数之外初始化您的工具提示

$(function () {
    $('[data-toggle="tooltip"]').tooltip();
});

Answer 3

将此代码包含在您的数据表中。它就像 Datatables 的侦听器。每次数据表发生任何变化时，它都会执行其中的函数

"drawCallback": function( settings ) {   
    toolTipShow(); // your tootlip function.
},