通過ajax嵌入Facebook視頻

Question

我有一個數據庫，我也從Facebook存儲X視頻的ID，Youtube和VIMEO，然後我通過Ajax，VIMEO和YouTube加載任何視頻完美，但Facebook無法加載，它只加載HTML，但該代碼，我通過AJAX還包含一個腳本至極被需要選用的Facebook得到...
要嵌入來自Facebook的視頻代碼是這樣的：

<script> 
    (function(d, s, id) 
    { var js, fjs = d.getElementsByTagName(s)[0]; 
     if (d.getElementById(id)) return; 
     js = d.createElement(s); 
     js.id = id; 
     js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk') 
     ); 
</script> 
<div class="hidden-xs hidden-sm visible-md visible-lg"> 
    <div id="fbid"> 
     <div id="fb-root"></div> 
     <div class="fb-post" data-href="https://www.facebook.com/video.php?v=<?php echo $v->v; ?>" data-width="800"> 
      <div class="fb-xfbml-parse-ignore"> 
      </div> 
     </div> 
    </div> 
</div> 

與此代碼我可以嵌入facebook視頻，如果我直接進入我的ajax文件，http://foo.com/ajax.php?i=1它將輸出該代碼只爲Facebook，這就是我得到的，它顯示正確的視頻，但如果我使用ajax我只調用它看到HTML，但劇本不換句話說得到執行，我不看視頻...
我的AJAX是這

$('.v_list li').click(function(){ 
    var $ids = $(this).attr('id'); 
    $.ajax({ 
     url: "v.php", 
     data: { 
      vid: $ids 
     }, 
     type: "GET", 
     // dataType: "html", // test #7 .. working for all 
     context: document.body, // change #8 
     success: function (data) { 
      $("#slider").html(data); 
     }, 
     error: function (xhr, status) { 
      alert("Ocurrio un problema!"); 
     }, 
     complete: function (xhr, data) { 
      // hide the loading img 
     } 
    }).done (function (data) { 
     // alert('sss'); // This is working... 
     $("#slider").find("script").each(function(i) { 
      eval($(this).text()); 
     }); // this p*** of s*** is not working... 
    }); 
}) 

所以我唯一的問題是當視頻是？Facebook的...我怎樣才能解決這個...感謝

Answer 1

加載與AJAX的HTML代碼後，你可能需要使用FB.XFBML.parse：

FB.XFBML.parse(); 

來源：https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse