Facebook-Tags werden nicht gerendert, wenn sie mit Jquery dynamisch generiert werden

Question

Ein einfaches Beispiel: Auf meiner Website zeige ich die von den Facebook-Nutzern geposteten Kommentare an. Für jeden Kommentar zeige ich das Foto des Facebook-Nutzers mit dem fb:profile-pic-Tag und einem fb like-Button an.

Diese Seite wird korrekt gerendert und alles wird gut angezeigt. Wenn die Nutzer nun ältere Kommentare lesen wollen, klicken sie auf den Link "Mehr".

Mithilfe von Jquery ziehe ich die älteren Kommentare und füge im Javascript den Inhalt mit den fb:profile-pic und den fb:like Tags zusammen

Aber diese Tags werden nicht angezeigt. Müssen wir es neu laden oder so. Vielen Dank für Ihre Hilfe

Answer 1

Vergewissern Sie sich zunächst, dass die FBML mit einem Inspektor in das DOM eingefügt wird. Wenn ja, müssen Sie Facebook nur sagen, dass es die FBML-Tags in HTML-Tags umwandeln soll, damit Ihr Browser sie darstellen kann. Mit der Graph API rufen Sie FB.XHTML.parse http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse unter Verwendung des Javascript-SDK. Hier ist ein Beispiel aus meinem Code:

$('#list').append('<fb:name uid="4"></fb:name>');
FB.XFBML.parse(document.getElementById('list'));

Answer 2

wie mache ich das - wie jetzt gerade ich b comment="<div>I love icecream<br/><fb:profile-pic uid='xxx'></fb:profile-pic></div>" T $("#myswipes").html(comment); Wie also würde ich nachladen.

können Sie $.ajax() sagen

$('a.moreComment').click(function(){
    $.ajax({
        url: 'some/url.php',
        success : function(comment){
            $("#myswipes").html(comment);
        }
    });
})

some/url.php auf dem Server sein, der diese Zeile korrekt darstellen und zurückgeben kann, <div>I love icecream<br/><fb:profile-picuid='xxx'></fb:profile-pic></div>