html – 同一页面中的MANY FACEBOOK SHARE按钮？

概述我使用 javascript在我的页面中实现了facebook分享按钮,如下所示： <script type="text/javascript">$(document).ready(function(){ $('#share_button').click(function(e){ e.preventDefault(); FB.ui 我使用 javascript在我的页面中实现了facebook分享按钮,如下所示：

<script type="text/JavaScript">$(document).ready(function(){        $('#share_button').click(function(e){            e.preventDefault();             FB.ui(            {                method: 'Feed',name: "{{ user_name }}'s FOF",link: "https://www.example.com/uploader/{{current_fof}}/share_fof/",picture: imgsArray[0].src,caption: window.location.href,description: 'This FOF was taken by {{ user_name }}',message: ''            });             });    });</script><div > <img src = "{{ STATIC_URL }}images/share_facebook.png" ID="share_button" type='button_count'></div>

它工作得很好,但现在我想在同一页面中放置很多帖子,并为每个帖子使用不同的共享按钮(非常FB共享按钮应具有不同的链接,标题和图像).有任何想法吗？

它使用类似按钮,使用FB API：

<div  data-href="https://www.example.com/uploader/{{current_fof}}/share_fof/" data-send="true" data-layout="button_count" data-wIDth="450" data-show-faces="false" data-Font="arial"></div>

但是如何用share_button做类似的事情？任何的想法？

干杯,

解决方法 为每个“共享”按钮分配不同的ID,并更改每个项目的其他选项(不同的链接,标题和图像).
例如：

<script type="text/JavaScript">$(document).ready(function(){        $('#share_button1').click(function(e){            e.preventDefault();             FB.ui(            {                method: 'Feed',link: "https://mysite.com/uploader/{{current_fof}}/share_fof/",message: ''            });             });        $('#share_button2').click(function(e){            e.preventDefault();             FB.ui(            {                method: 'Feed',message: ''            });             });                  $('#share_button3').click(function(e){            e.preventDefault();             FB.ui(            {                method: 'Feed',message: ''            });             });});</script>

按钮可以是：

<div > <img src = "{{ STATIC_URL }}images/share_facebook.png" ID="share_button1" type='button_count'></div>  <div > <img src = "{{ STATIC_URL }}images/share_facebook.png" ID="share_button2" type='button_count'></div>  <div > <img src = "{{ STATIC_URL }}images/share_facebook.png" ID="share_button3" type='button_count'></div>

总结

以上是内存溢出为你收集整理的html – 同一页面中的MANY FACEBOOK SHARE按钮？全部内容，希望文章能够帮你解决html – 同一页面中的MANY FACEBOOK SHARE按钮？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。