如何动态加载Facebook像按钮？

我正在建立一个应用程序，在主页上加载一些产品与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('
'); } 

但每当我点击产品facebook初始化所有脚本是否有任何好的方式来动态加载像按钮？

谢谢

Answer 1

所有像按钮都在iframe中呈现。 如果您使用XFBML方法，Facebook的all.js脚本会在页面上找到标记，并为每个标记创建一个iframe。 如果在脚本运行后添加标记，则需要运行FB.XFBML.parse来处理该标记并生成其iframe。

另一种选择是将新的Like按钮附加为iframe。 请务必取消选中Facebook按钮生成器中的“发送按钮”选项。 但是，使用此方法会丢失“发送”按钮，并且只能获得至少400px宽的标准布局的“注释”。