Теги Facebook не отображают при сгенерированном динамическом использовании JQuery

Question

Чтобы предоставить вам простой пример использования - на моем веб-сайте я показываю комментарии, размещенные пользователями facebook. Для каждого комментария я показываю фотографию пользователей facebook с помощью тега fb: profile-pic и кнопки типа fb.

Эта страница отображается правильно, и все отображается хорошо. Теперь, когда пользователи хотят читать более старые комментарии, они нажимают на ссылку «Дополнительно»

Используя JQuery, я вытягиваю старые комментарии и в сборке javascript содержимое, добавляющее fb: profile-pic и теги fb: like

Но эти теги не отображаются. Нужно ли нам перезагружать его или что-то в этом роде. Спасибо за вашу помощь

Answer 1

Сначала убедитесь, что FBML вставляется в DOM с инспектором. Если это так, все, что вам нужно сделать, это сообщить Facebook, чтобы преобразовать теги FBML в теги HTML, чтобы ваш браузер мог его отображать. С помощью Graph API вы вызываете FB.XHTML.parse http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse с помощью Javascript SDK. Вот пример из моего кода:

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

Answer 2

, как я могу это сделать - как сейчас я построить всю свою строку сказать comment="<div>I love icecream<br/><fb:profile-pic uid='xxx'></fb:profile-pic></div>" Тогда я сделал бы $("#myswipes").html(comment); Так как я бы перезагрузить.

вы можете использовать $.ajax(), скажем

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

some/url.php должен быть на сервере, который может корректно отобразить и вернуть эту строку, <div>I love icecream<br/><fb:profile-picuid='xxx'></fb:profile-pic></div>