如何動態加載Facebook像按鈕？

Question

即時通訊建立一個應用程序加載一些產品的主要網頁與search.also後點擊每個產品項目後加載它會顯示小彈出並顯示像特定產品的按鈕和評論飼料我寫了這樣的代碼。

function renderFBWidgets() { 
     window.fbAsyncInit = function() { 
      FB.init({ appId: '165987850132000', status: true, cookie: true, xfbml: true 
      }); 
     }; 
     (function() { 
      var e = document.createElement('script'); e.async = true; 
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
      document.getElementById('fb-root').appendChild(e); 
     }()); 
     var u = //get product url 
     $('.productlist').append('<div style="margin-left: 30px;"><fb:like href="' + u + '" send="true" layout="standard" width="430" show_faces="false" action="like" colorscheme="light"></fb:like></div>'); 
} 

但是當我點擊產品Facebook的每次初始化所有的腳本是有加載動態像任何按鈕好辦法？

謝謝

Answer 1

所有Like按鈕都在iframe中呈現。如果您使用XFBML方法，Facebook的all.js腳本會在頁面上找到<fb:like>標籤併爲每個標籤創建一個iframe。如果在腳本運行後添加<fb:like>標記，則需要運行FB.XFBML.parse來處理該標記並生成其iframe。

另一種選擇是將新的Like按鈕添加爲iframe。請務必取消選中Facebook's button generator中的發送按鈕選項。但是，通過這種方法，您將失去「發送」按鈕，並且只能獲得至少400px寬的標準佈局的評論。