Jquery 创建自定义Tweet按钮的最简单方法？

我正试图为我网站上的每一篇文章设计一个自定义的推特按钮。下面是我现在使用的twitter原始代码，它可以正常工作。我想把它变成一个定制设计，背景是我自己的“设计图像”。就像npr.org一样

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.example.com{$story_url}" data-text="{$title_short}" data-count="none">Tweet</a>

{literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>{/literal}

{literal}！函数（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]，p=/^http://.test（d.location）'http'：'https'；if（！d.getElementById（id））{js=d.createElement（s）；js.id=id；js.src=p+'：//platform.twitter.com/widgets.js'；fjs.parentNode.insertBefore（js，fjs）；}（document，'script，'twitter wjs'）；{/literal}

下面（评论中）的自定义设计代码可以工作，但当我发推特时，它没有标题。如果有人能帮我，那就太好了

啁啾

---

关于您作为注释发布的代码：如果您不使用官方Twitter类&Javascript，则数据参数不起作用。然后，您必须在链接url中包含所有内容，并确保从消息中转义空格等。这对我很有用（在Ruby中）：

---

下面的自定义设计代码可以工作，但当我发推特时，它没有标题。如果有人能帮我，那就太好了。{$story\u url}“数据文本=“{$title\u short}”数据计数=“无”目标=“\u blank”>Twitter

<% tw_text = "I just finished lesson #{@lesson} of unit #{@unit} on LearnYu.com! #Chinese " %>
<% tw_text = URI.escape(tw_text, Regexp.new("[^#{URI::PATTERN::UNRESERVED}]")) %>
<a href="https://twitter.com/share?url=http://www.learnyu.com&via=LearnYu&text=<%= tw_text %>" target="_blank"><img src="/assets/twitter_button.jpg" alt="Share this on Twitter!" /></a>