我在 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
所以现在它不再起作用了......我不知道我改变了什么。
最佳答案
如果解决了,请随意标记为答案;)
使用 $(document).on(
而不是 .on(
关于javascript - 鼠标悬停/输入时的 Powertips 是否与数据表兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44595665/