使用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上。