Javascript 显示多个twitter共享按钮?
在我的网站的某个页面上,用户有一个项目列表,如下所示:Javascript 显示多个twitter共享按钮?,javascript,facebook,twitter,Javascript,Facebook,Twitter,在我的网站的某个页面上,用户有一个项目列表,如下所示: <div id="item1">.....</div> <div id="item2">.....</div> <div id="item3">.....</div> 我想在每个单独的div中显示一个twitter共享按钮,当单击该按钮时,用户可以将该特定项目的url推送到他们的twitter上 有这样的插件吗?不需要第三方插件。遵循以下原则: Twitter共享按
<div id="item1">.....</div>
<div id="item2">.....</div>
<div id="item3">.....</div>
我想在每个单独的div中显示一个twitter共享按钮,当单击该按钮时,用户可以将该特定项目的url推送到他们的twitter上
有这样的插件吗?不需要第三方插件。遵循以下原则:
Twitter共享按钮
!函数(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);}(文档,“脚本”,“twitter wjs”);
最后一个
是否需要放在div的末尾,或者我可以把它放在页面上的任何位置?如果愿意,可以将它放在html头部的$(document).ready(函数(){/*脚本*/})代码>如果您使用的是jQuery。该脚本应该在浏览器解释html标记后执行。有没有一种方法可以快速执行,比如说,100个Twitter按钮?我的页面加载所有Twitter按钮大约需要30秒。@JohnAllen,我不知道。我会将此作为一个新问题发布:]
example.com/items/1
example.com/items/2
example.com/items/3
<!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>