鼠标悬停/输入的 Powertips 以与 DataTables 兼容？

Question

我在 DataTables 内的表格单元格中的某些对象上使用了 Powertips。问题是，当您转到下一页时，工具提示停止工作。

我发现一些线程说在 mouseenter 上使用，但我的表是动态生成的，每次我将代码放入 .js 时，它根本不起作用。我正在使用正则表达式来选择所有以“tt-”开头的类。这是我要开始工作的代码

$(document).ready(function() {

    .on('mouseover', $('*[class*="tt-"]'), function(event) {
    });
    $('.tooltips').powerTip({
        followMouse: true,
    });
    $('.tt-1').data('powertip', `DATA`);

});

我已经尝试将 .tooltips 和 .tt-1 放入 .on 函数中，但它仍然不起作用。我使用上面代码的方式会阻止工具提示在任何地方工作，如果我删除 .on 函数，工具提示只会在第一页上工作。

我不熟悉 javascript 中的正则表达式。我试过只使用

[class*-"tt-"]

没有 $('* 和 ') 但它仍然不起作用。

我不能使用 ^= 因为它是在工具提示类之后调用的，所以我必须使用正则表达式来判断它是否包含此字符串。

编辑1

变化

.on('mouseover', $('*[class*="tt-"]'), function(event) {

到

$(document).on('mouseover', $('*[class*="tt-"]'), function(event) {

最后的结果是

    $(document).on('mouseover', $('*[class*="tt-"]'), function(event) {

$('.tooltips').powerTip({
    followMouse: true,
});
$('.tt-1').data('powertip', `DATA`);
    });

解决了这个问题，感谢 john Smith :)

编辑2

所以现在它不再工作了......我不知道我改变了什么。

Answer 1

如果它的修复随时标记为答案;）

使用$(document).on( 代替.on(