我曾经使用this snippet重新呈现推文按钮。
var tweetButton = new twttr.TweetButton(twitterScript);
twttr.render();
但看起来widgets.js（http://platform.twitter.com/widgets.js）已被修改，因此twttr.TweetButton不再是构造函数。
任何人都可以帮忙解决这个问题吗？
答案 0 :(得分：45)
我在web找到了答案。想法是重新请求Twitter javascript文件。因为它是缓存的，所以没有下载开销。
$.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache:true});
答案 1 :(得分：23)
对于任何磕磕绊绊的人来说，有一种新的，更简单的方法（截至5月28日，如果不是之前）。快速浏览没有在文档中找到它，但您可以twttr.widgets.load()。这将[重新]加载页面上的所有小部件。
编辑：毕竟记录在案。查看this page的“优化”部分（您无法直接链接到该部分）
答案 2 :(得分：10)
你需要在你的ajax通话后拨打twttr.widgets.load()。无需重新加载已加载的脚本。
答案 3 :(得分：4)
看起来似乎永远不支持twttr.TweetButton构造函数，现在在最后一次API更新后不再有效：
支持的方法是动态创建基于iframe的Tweet按钮：
虽然请注意@Runningskull’s answer以获取更新信息。
答案 4 :(得分：1)
首先，确保您的文档头部中包含jQuery：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
然后创建一个与最终推文按钮具有相同URL的链接，以及一个用于呈现按钮的空div：
<a href="http://www.my-site-to-tweet-about.com" id="tlink"></a>
<div id="tbutton"></div>
在页面底部，在/ body标记的正上方，包含来自Twitter的javascript以及将呈现按钮的函数，以及将在所需事件发生时激活该函数的侦听器：
<script type="text/javascript">
//async script, twitter button fashiolista.com style
(function() {
var s = document.createElement('SCRIPT');
var c = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.defer = "defer";
s.async = true;
s.src = 'http://platform.twitter.com/widgets.js';
c.parentNode.insertBefore(s, c);
})();
function renderTweetButton(tbutton,tlink){
var href = $("#"+tlink).attr('href'),
$target = $("#"+tbutton),
qstring = $.param({ url: href, count: "vertical" }),
toinsert = '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?'+qstring+'" style="width:57px; height:70px;"></iframe>';
$target.html(toinsert);
}
$("#hoverlink").mouseenter(function() {
renderTweetButton("tbutton","tlink");
});
</script>
最后，根据某些事件添加指向您的页面的链接，该链接将激活上述功能：
<a href="#" id="hoverlink">Hover here to render a tweet button to div#tbutton.</a>
就是这样。
如果您希望整个测试HTML页面看到我的工作方式，请参阅此处：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery Twitter Button Render Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<a href="http://www.my-site-to-tweet-about.com" id="tlink"></a>
<div id="tbutton"></div>
<a href="#" id="hoverlink">Hover here to render a tweet button to div#tbutton.</a>
<script type="text/javascript">
//async script, twitter button fashiolista.com style
(function() {
var s = document.createElement('SCRIPT');
var c = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.defer = "defer";
s.async = true;
s.src = 'http://platform.twitter.com/widgets.js';
c.parentNode.insertBefore(s, c);
})();
function renderTweetButton(tbutton,tlink){
var href = $("#"+tlink).attr('href'),
$target = $("#"+tbutton),
qstring = $.param({ url: href, count: "vertical" }),
toinsert = '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?'+qstring+'" style="width:57px; height:70px;"></iframe>';
$target.html(toinsert);
}
$("#hoverlink").mouseenter(function() {
renderTweetButton("tbutton","tlink");
});
</script>
</body>
</html>
答案 5 :(得分：1)
我遇到了同样的问题，这适用于JQuery：
$.getScript('http://platform.twitter.com/widgets.js');
答案 6 :(得分：0)
试试@Anywhere库。示例js代码：
twttr.anywhere(function (T) {
T("#tweetbox").tweetBox({
counter: false,
defaultContent: "Default text in a Tweet box...",
label: "Share this page on Twitter"
});