Javascript 如何动态加载类似facebook的按钮？

我正在构建一个应用程序，在主页上用搜索加载一些产品。同样，在加载每个产品项目后，它会显示一个小弹出窗口，并显示like按钮和特定产品的评论提要。我写了一个类似这样的代码

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>');
}

函数renderFBWidgets（）{
window.fbAsyninit=函数（）{
init（{appId:'165987850132000'，状态：true，cookie:true，xfbml:true
});
};
（功能（）{
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=//获取产品url
$（'.productlist'）。追加（''）；
}

但每次我点击产品facebook initialized all脚本时，有没有什么好方法可以动态加载like按钮

---

谢谢

所有类似的按钮都在iFrame中呈现。如果使用XFBML方法，Facebook的all.js脚本会在页面上找到

标记，并为每个标记创建一个iframe。如果在脚本运行后添加

标记，则需要运行以处理该标记并生成其iframe

另一个选项是将newlike按钮附加为iframe。确保取消选中中的“发送”按钮选项。但是，使用这种方法时，您会丢失“发送”按钮，并且只会得到至少400px宽的标准布局的注释