javascript 显示多个twitter分享按钮？

cfh9epnr 于 2023-05-27 发布在 Java

关注(0)|答案(1)|浏览(107)

在我的网站的某个页面上，用户有一个项目列表，如下所示：

<div id="item1">.....</div>
<div id="item2">.....</div>
<div id="item3">.....</div>

这些div中的每一个在我的网站上都有自己的特殊链接，比如：

example.com/items/1
example.com/items/2
example.com/items/3

我想在每个单独的div中显示一个twitter分享按钮，当点击该按钮时，用户可以将该特定项目的url推到他们的twitter上。
有没有一个插件可以做到这一点？

JavaScript

来源：https://stackoverflow.com/questions/11894073/showing-multiple-twitter-share-buttons

1条答案

按热度按时间

bkhjykvo1#

不需要第三方插件。使用Twitter插件：

<!DOCTYPE html>
<html lang="de">
  <head>
    <!-- meta -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow">
    <title>Twitter Share Buttons</title>
  </head>
  <body>
    <div id="item1"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com/items/1" data-text="Text to share 1">Tweet</a></div>
    <div id="item2"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com/items/2" data-text="Text to share 2">Tweet</a></div>
    <div id="item3"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com/items/3" data-text="Text to share 3">Tweet</a></div>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </body>
</html>

赞(0）回复(0）举报 2023-05-27

我来回答

javascript 显示多个twitter分享按钮？

1条答案

相关问题

热门标签

最新问答