Question

我设计了自己的推特按钮，以更好地适应我网站的图形包装。为此，我使用了Boostrap的社交按钮。

如果我用自己的班级twitter-share-button替换班级btn btn-social-icon btn-twitter btn-xs，问题就是数据文字会再次发挥作用。

如何在保留数据文字等功能的同时，用我的按钮替换twitter-share-button？

这是来自twitter的工作代码，我想替换这个类：

    <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
    <div>
       <a href="https://twitter.com/share" class="twitter-share-button"
          data-url="https://dev.twitter.com/pages/tweet_button"
  data-via="your_screen_name"
          data-text="Checking out this page about Tweet Buttons"
          data-related="anywhere:The Javascript API"
          data-count="vertical">Tweet</a>
    </div>

Answer 1

正如我所说，我们无法从不同的域名更改Iframe的CSS。所以这是一个解决方案。我用了这个most of the time。它被称为 Twitter Web Intent 。

我希望这会有用。

P.S请查看此jsbin链接。不知怎的，jsfiddle不支持。

$(document).ready(function() {
  $('#tweetBtn').click(function() {
    var url = 'https://twitter.com/intent/tweet?hashtags=YouAreAwesome&original_referer=' + encodeURIComponent('stackoverflow.com') + '&text=' + encodeURIComponent('Thank you so much @knowkalpesh, you made my day!');
    window.open(url, '_blank');
  });

});

#tweetBtn {
  background: tomato;
  padding: 10px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tweetBtn">Custom Tweet Button</div>

替换twitter按钮

1 个答案: