我正在创建一个自定义的推特按钮并加入自己的样式,但似乎当您选择自定义时,无法使用数据属性(如data-text、data-url等)。只有在使用使用小部件JavaScript的Twitter样式按钮时才能使用数据属性(http://platform.twitter.com/widgets.js)。
以下是从Twitter开发者网站获取的一些代码。 下面是使用数据属性的Tweet按钮:
<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>
希望这一切都很清晰明了。