Powertips bei Mouseover/zur Kompatibilität mit DataTables eingeben?

Question

Ich habe Powertips für einige Objekte in Tabellenzellen innerhalb von DataTables. Das Problem besteht darin, dass die QuickInfos nicht mehr funktionieren, wenn Sie auf die nächste Seite gehen.

fand ich einige Threads die Nutzung auf MouseEnter- sagen, aber meine Tabelle wird dynamisch generiert und jedes Mal habe ich den Code in die Js, es überhaupt nicht funktionieren. Ich benutze Regexp, um alle Klassen auszuwählen, die mit "tt-" beginnen. Hier ist der Code Ich versuche, zur Arbeit zu kommen

$(document).ready(function() { 

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

}); 

Ich habe versucht, die .tooltips und .tt-1 in die .on Funktion setzen, aber es funktioniert immer noch nicht. Die Art, wie ich den obigen Code habe, verhindert, dass die Tooltips überall funktionieren. Wenn ich die .on-Funktion entferne, funktionieren die Tooltips nur auf der ersten Seite.

Ich bin nicht vertraut mit regulären Ausdruck in Javascript. Ich habe versucht, nur

[class*-"tt-"] 

ohne $ ('* und'), aber es funktioniert immer noch nicht.

Und ich kann nicht^= verwenden, da es aufgerufen wird, nachdem die Tooltips Klasse, also muss ich für einen regulären Ausdruck verwenden, wenn es diese Zeichenfolge enthält.

Edit1

Ändern

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

zu

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

und das Endergebnis ist

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

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

das Problem behoben, dank John Smith :)

EDIT2

So, jetzt arbeitet es nicht mehr ... Ich weiß nicht, was ich verändern.

Answer 1

Wenn es das Update frei fühlen, als Antwort zu markieren;)

Verwendung $(document).on( statt .on(