jQuery Ajax - Hinzufügen neuer Elemente zum DOM

Question

Ich versuche herauszufinden, wie ich meine dynamisch geladene Liste so gestalten kann, dass sie mit Tooltips funktioniert. Wenn ein Link einen Titel-Tag hat, möchte ich, dass die Tooltip-Funktion startet. Aber ich muss die neuen Elemente zum DOM hinzufügen, damit die Funktion das Titelelement "sieht".

So sieht es im Moment aus: Tooltip funktioniert, aber nicht mit den geladenen Elementen.

$(document).ready(function() {
    $("#home").click(function(){
        $(".content ").load("start.html");
    });
    $("[title]").style_my_tooltips({ 
        tip_follows_cursor: "on",
        tip_delay_time: 300 
    });

Ich habe es mit bind und live versucht, aber nichts hat funktioniert. Mein Versuch mit der live() Funktion:

$("#home").live("click", function(){
    $(".content ").load("start.html");          
});

Es hat nicht funktioniert.

Hilfe erwünscht.

grüßt Max

Answer 1

Sie müssen das Plugin für den neuen Inhalt erneut ausführen, etwa so:

$("#home").click(function(){
  $(".content").load("start.html", function() {
    $("[title]", this).style_my_tooltips({ 
      tip_follows_cursor: "on",
      tip_delay_time: 300 
    });
  });
});

Durch die Verwendung von this als der Kontext in $("[title]", this) suchen wir nur nach neuen [title] Elemente innerhalb dieser .content Element, das Sie gerade geladen haben.