Znaczniki Facebooka nie renderują się, gdy są generowane dynamicznie za pomocą Jquery

Question

Aby dać ci prosty przypadek użycia - na mojej stronie wyświetlają się komentarze opublikowane przez użytkowników Facebooka. Dla każdego komentarza wyświetlam zdjęcie użytkownika facebooka za pomocą znacznika fb: profile-pic i przycisku podobnego do fb.

Ta strona jest wyświetlana poprawnie, a wszystko jest poprawnie wyświetlane. Teraz, gdy użytkownicy chcą czytać starsze komentarze, klikają na link "Więcej"

Używając Jquery, przeciągam starsze komentarze i buduję javascript zawartość dodając fb: profile-pic i fb: jak tagi

Ale te tagi nie wyświetlają się. Czy musimy przeładować to lub coś takiego. Dzięki za pomoc

Answer 1

Najpierw upewnij się, że FBML jest włożona do DOM z inspektorem. Jeśli tak, wszystko, co musisz zrobić, to powiedzieć Facebookowi, aby konwertował tagi FBML na tagi HTML, aby Twoja przeglądarka mogła je renderować. Za pomocą Graph API wywołujesz FB.XHTML.parse http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse przy użyciu pakietu JavaScript SDK. Oto przykład z mojego kodu:

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

Answer 2

jak to zrobić - jak teraz buduję mój cały ciąg powiedzieć comment="<div>I love icecream<br/><fb:profile-pic uid='xxx'></fb:profile-pic></div>" Wtedy robię $("#myswipes").html(comment); Więc jak bym przeładować.

można użyć $.ajax(), powiedzmy

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

some/url.php powinien znajdować się w serwerze, który może poprawnie wykonywali i powrócić do tej linii <div>I love icecream<br/><fb:profile-picuid='xxx'></fb:profile-pic></div>