jQuery Inhalte geladen über AJAX ist von der anfänglichen Seite Ladebindungen

Question

Wenn ich meine Seite zunächst laden, wähle ich alles mit einer bestimmten CSS-Klasse, und fügen Sie eine Tooltip wie folgt ("doTooltip" ist der Name des CSS Klasse):

$(document).ready(function() { 
    $('.doTooltip').tooltip(); 
}); 

Das funktioniert super. Wenn ich jedoch zusätzlichen Inhalt über AJAX in die Seite lade, wird für alle neuen Elemente mit der doTooltip-Klasse nicht .tooltip() ausgeführt, da sie nach dem Ereignis ready() geladen wurden.

Wie kann ich jQuery anweisen, .tooltip() auf neu geladene Elemente anzuwenden, die doTooltip verwenden?

Oder ist die einzige Lösung, den mitgelieferten Code in eine Funktion zu stecken und diese Funktion jedes Mal aufzurufen, wenn ich neuen Inhalt in die Seite lade? Ich hoffe, es gibt einen besseren Weg als das, weil ich den mitgelieferten Code global verwende.

Answer 1

Sie müssen "jquery.fn.on" verwenden. Das Beispiel sieht so aus:

$(document).on('mouseover', '.doTooltip', function(){ 
    $(this).tooltip(); 
}); 

Bitte lassen Sie mir wissen, ob es funktioniert. Es hat für mich funktioniert, als ich ein ähnliches Problem hatte.

Wenn Ihr Inneres diesen Hack nicht akzeptiert, ordnen Sie dem Dokumentkörper einen Beobachter zu, der nach dem Hinzufügen eines neuen "doTooltip" -Elements fragt, und wendet den QuickInfo auf das neu eingefügte Element an. Bitte lassen Sie mich wissen, wenn Sie den Code für den Beobachter Ansatz benötigen.