Как загрузить комментарии на Facebook в ajax Wordpress

Question

У меня проблема с загрузкой комментариев на Facebook. Ну, я использую тему Qawker. Когда я включил комментарии Facebook в свой блог, он работает для постоянных ссылок, но форма комментария не будет отображаться на странице / сообщении, загруженном ajax.

Вот URL моего блога: http://itnotes.tk/.

Я вижу, что комментарии в Facebook чувствительны к URL и могут не загружаться при использовании ajax на сайте, но мой вопрос таков: Как я могу сделать так, чтобы комментарии в Facebook загружались вместе с контентом, загруженным в ajax?

Помощь будет высоко ценится ... Спасибо!

Answer 1

Я думаю, что этот пост старый, но в любом случае может быть полезен для следующих читателей.

Если вы хотите загрузить «новые комментарии» с помощью ajax, вы должны снова запустить код, который загружает библиотеку Facebook, и изменить data-href для контейнера (Facebook Comments Div).Вот простой пример кода:

$.get("/sets/comentarios_facebook",{set_id:set_id},function(data){
    $("#componet_comentarios").html(data);               
(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
       js = d.createElement(s); 
       js.id = id;                          
   js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=178271392271647";                                    fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));                              
});  

Этот прогон с действием ajax, и ответом является div комментариев Facebook с новым «data-href».

Answer 2

Вызвать «FB.XFBML.parse ()» явно внутри функции успеха AJAX, которая будет повторно анализировать html и отображать раздел комментариев Facebook

   //facebook comments
    var isFacebook = $data.find('.fb-comments');
    if(isFacebook != 'undefined' ) {
        var scriptText = 'FB.XFBML.parse();';
        var scriptNode = document.createElement('script');
        scriptNode.appendChild(document.createTextNode(scriptText));
        contentNode.appendChild(scriptNode);                   
    } 

Answer 3

используйте это -

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://itnotes.tk/" num_posts="10" width="600"></fb:comments>