javascript-如何动态加载facebook之类的按钮？

我正在构建一个应用程序,通过搜索在主页上加载一些产品.加载后单击每个产品项后,它会显示一个小的弹出窗口,并显示特定产品的按钮和注释提要,我编写了这样的代码.

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初始化产品的所有脚本时,有没有什么好方法可以像按钮一样动态加载？

谢谢

解决方法:

所有“喜欢”按钮均在iframe中呈现.如果您使用XFBML方法,则Facebook的all.js脚本会找到< fb：like>标签在页面上进行标记,并为每个页面创建一个iframe.如果您添加< fb：like>脚本运行后,您需要运行FB.XFBML.parse来处理该代码并生成其iframe.

另一个选择是将新的“喜欢”按钮添加为iframe.确保取消选中Facebook’s button generator中的“发送按钮”选项.但是,使用这种方法会丢失“发送按钮”,并且只会收到标准布局的评论,其宽度至少为400px.

标签：javascript,jquery,facebook-graph-api
来源： https://codeday.me/bug/20191208/2089991.html