Wenn ich Bootstrap-Popover-Inhalt mit Ajax lade, wird das Popover nicht angezeigt.
Javascript:
%Vor%HTML-Antwort:
%Vor% Wenn ich die obige HTML-Antwort direkt in den <body id="body"></body> -Code setze, funktioniert das Popover gut. Ich verstehe nicht, was hier falsch läuft.
Das Problem besteht darin, dass Sie das Popover innerhalb der Funktion $ () einrichten. Anstatt
%Vor%Es sollte nur
sein %Vor%Oder vielleicht besser
%Vor%Der Grund dafür ist, dass jede Funktion innerhalb von $ () ausgeführt wird, wenn das Dokument zum ersten Mal geladen wird, wenn das Ereignis "Dokument bereit" ausgelöst wird. Wenn dieser Code in den ursprünglichen HTML-Code eingefügt wird, funktioniert er, da er beim Laden des Dokuments vorhanden ist.
Wenn es sich um die Antwort eines AJAX-Aufrufs handelt, wird es nicht innerhalb von $ () ausgeführt, da das Ereignis "Dokument bereit" bereits vor einiger Zeit ausgelöst wurde.
Fügen Sie dies am Ende von allem, was Sie laden, mit Ajax hinzu. Sie sollten dies bereits irgendwo haben, um den Tooltip zu aktivieren, aber setzen Sie ihn erneut, um den Tooltip neu zu initialisieren.
Mit Hilfe von jQuery können Sie alle Dinge, die initialisiert werden müssen, mit
initialisieren %Vor%inspiriert von Olaf Dietsche antworten
Tags und Links javascript html jquery ajax twitter-bootstrap