javascript - 鼠标悬停/输入时的 Powertips 是否与数据表兼容？

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-"]

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

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

Edit1

改变

.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`);
    });

解决了问题，感谢约翰·史密斯:)

Edit2

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

Answer 1

如果解决了，请随意标记为答案;)

使用 $(document).on( 而不是 .on(