我正在使用自己的样式创建自定义推文按钮,但是当您选择自定义自己的样式时,您似乎无法使用数据属性(数据文本、数据网址等)。仅当您使用使用小部件 javascript 的 Twitter 样式按钮时,数据属性的使用才显得可用(http://platform.twitter.com/widgets.js http://platform.twitter.com/widgets.js).
以下是从 Twitter 开发网站获取的一些代码。下面是使用数据属性的推文按钮:
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://dev.twitter.com/pages/tweet_button"
data-via="twitterapi"
data-text="Checking out this page about Tweet Buttons"
data-related="anywhere:The Javascript API"
data-count="vertical">Tweet</a>
</div>
现在下面是“构建您自己的”推文按钮:
<style type="text/css" media="screen">
#custom-tweet-button a {
display: block;
padding: 2px 5px 2px 20px;
background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat;
border: 1px solid #ccc;
}
</style>
<div id="custom-tweet-button">
<a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>
希望这一切都有道理......
由于某些原因,他们不允许您将 Javascript 数据属性与自定义按钮一起使用,因此您必须将它们添加到 HTML 中的 URL 中。所以对于你的例子:
然后你会添加&text=your%20text
与你的文字。
<a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button&text=my%20text%20here" target="_blank">
其他代码都一样,只是添加&related=
etc.
确保将所有空格替换为%20
就是这样。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)