鼠標懸停/輸入Powertips與DataTables兼容？

我有Powertips在DataTables裏面的表格單元格中的一些對象上使用。問題是，當你轉到下一頁時，工具提示停止工作。鼠標懸停/輸入Powertips與DataTables兼容？

我發現一些線程在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函數它的工具提示將只工作在第一頁。

我不熟悉javascript中的正則表達式。我試過只用

[class*-"tt-"]

沒有$（'*和'）但它仍然不起作用。

我不能使用^ =因爲它是在tooltips類之後調用的，所以如果它包含此字符串，我必須使用正則表達式。

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

所以現在不工作了......我不知道我的改變。

來源

2017-06-16 knuxyl

使用'$（文件）。在（的''代替。對（'並檢查您的控制檯，這應該會給你一個錯誤 –

修復它，謝謝！ – knuxyl

如果修復隨意標記爲答案;）

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

來源

2017-06-16 18:42:26

它不再工作，我沒有真正改變任何事情，我不知道發生了什麼。 – knuxyl

鼠標懸停/輸入Powertips與DataTables兼容？

回答

相關問題