Question

我昨天问了这个问题，并认为我得到了解决方案。但是我刚刚意识到，如果我点击下一页，图像就不会弹出一个tooltop。它们仅适用于返回的默认页面...即前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

之外初始化工具提示

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

Answer 3

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

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

图像工具提示在数据表下一页之后工作

3 个答案: