首页 / JAVASCRIPT / javascript – 在Ajax请求后创建Facebook共享按钮

javascript – 在Ajax请求后创建Facebook共享按钮

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Ajax请求后创建Facebook共享按钮，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1193字，纯文字阅读大概需要2分钟。

内容图文

目前的情景：
用户通过我的网站登录Facebook.登录后,立即使用Ajax(一个快乐的短语)向他提供随机内容.此内容链接到OpenGraph有效静态页面(尊重Facebook OpenGraph最佳实践).与此同时,Facebook Share弹出窗口弹出,他/她可以在Facebook上分享他的快乐短语.

利益相关者的期望情景(a.k.a.妻子)：

共享弹出窗口不应自动弹出.应该使用JS生成动态“fb共享按钮”,因此：用户阅读快乐短语,用户满意,用户点击Facebook上的分享.

我的尝试：

$.getJSON( "ajax/fortune.php?id="+response.id, function( data ) {
   console.log(data);
   $( "#result" ).html( data.message );
   $("#shareButton").html('<div class="fb-share-button" data-href="http://www.-----.com/cookie/'+data.cid+'" data-layout="button_count"></div>');
});

结果：没有任何反应.我只需要把那个按钮放在那里.

我的计划B将放置一个img按钮或bootstrap共享按钮,其中包含指向FB sharer.php的链接.但我认为这不是一个好方法.

任何线索:)？

RMK：使用jquery 1.11.3

解决方法:

添加后必须渲染它.

$.getJSON( "ajax/fortune.php?id="+response.id, function( data ) {
   console.log(data);
   $( "#result" ).html( data.message );
   $("#shareButton").html('<div class="fb-share-button" data-href="http://www.-----.com/cookie/'+data.cid+'" data-layout="button_count"></div>');
   FB.XFBML.parse(document.getElementById('shareButton'));
});

内容总结

以上是互联网集市为您收集整理的javascript – 在Ajax请求后创建Facebook共享按钮全部内容，希望文章能够帮你解决javascript – 在Ajax请求后创建Facebook共享按钮所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】