更换twitter按钮

我设计了自己的twitter按钮，以更好地适合我的网站的图形章程。为此，我使用Boostrap的社交按钮。更换twitter按钮

的问题是，数据文本 doesent工作了，如果我用我自己的类btn btn-social-icon btn-twitter btn-xs更换类twitter-share-button。

我该如何用我的按钮替换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>

来源

2016-04-26 michltm

你不能改变它的CSS。 http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe –

所以绝对没有办法用自定义的twitter按钮来推送一些文本？我不想修改实际的twitter按钮，只是用我自己的替换它。 – michltm

正如我所说，我们不能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>

来源

2016-04-26 13:05:55

大声笑感谢这个不错的伎俩@knowkalpesh，你的确让我的一天:) – michltm

我不会接受谢谢，直到你点击按钮，并推特我确切的话。：d –

更换twitter按钮

回答

相关问题