Невозможно загрузить комментарии Facebook при загрузке контента динамически с помощью Ajax/jQuery

Question

У меня возникли проблемы с загрузкой комментариев Facebook после добавления их на веб-страницу с помощью ajax.

Javascript Код:

$().ready(function() { 
      $(document).delegate(".image a", "click", function() { 
       $("#dynamic-image").load($(this).attr("href"), {ajaxload:1}, function() { 
        $("#dynamic-image").css("display","block"); 

        $('#dynamic-image').lightbox_me({ 
         zIndex: 999, 
         centered: false, 
         modalCSS: {top: '10px'}, 
         overlayCSS: {background: 'black', opacity: .9}, 
         onLoad: function() { 
          $("#dynamic-image").css("display","block"); 
          FB.XFBML.parse(document.getElementById('ajax-fb-comments')); 
         }, 
         onClose: function() { 
          $("#dynamic-image").css("display","none"); 
         } 
        }); 
       }); 
       return false; 
      }); 
     }); 

HTML5 Facebook комментарии Код:

<div class="fb-comments" data-href="<? echo the_permalink(); ?>" data-width="627" data-num-posts="10" data-colorscheme="light" id="ajax-fb-comments"></div> 

Я попытался с помощью обоих XFBML и HTML5 Facebook комментарий код и ни работал. Раньше я использовал FB.XFBML.parse(), я отлично работаю с динамически загруженными кнопками, однако у него проблемы с комментариями в Facebook, они просто не загружаются и ошибок Javascript нет.

Answer 1

Я получил это для работы.

Все, что мне нужно было сделать, это использовать «FB.XFBML.parse()» и нацелить div, который был вокруг тегов комментариев fb.