Question

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

我发现有些线程在mouseenter上使用了，但是我的表是动态生成的，每当我将代码放入.js时，它根本不起作用。我正在使用regexp来选择所有以“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(

mouseover / enter上的Powertips是否与DataTables兼容？

1 个答案: