使用Ajax/jQuery动态加载内容时无法加载Facebook注释

Question

我在使用ajax将它们添加到网页后，需要加载Facebook注释才能加载。

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（）”，并将目标放在fb注释标签周围的div上。