首页 / JAVASCRIPT / javascript-如何动态加载facebook之类的按钮？

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何动态加载facebook之类的按钮？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1231字，纯文字阅读大概需要2分钟。

内容图文

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

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-如何动态加载facebook之类的按钮？全部内容，希望文章能够帮你解决javascript-如何动态加载facebook之类的按钮？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/652938.html

来源：【匿名】