【发布时间】：2011-10-24 22:36:19
【问题描述】：
我正在开发一个网站，我们希望在该网站的角落有一个小 Twitter 徽标，单击它时会在一个从 24x24 小徽标“弹出”的框中显示standard Twitter Widget（并切换为隐藏）。
我用 jquery 管理得很好，但我意识到它很慢，并且认为由于大多数人不会点击这张图片，所以只有在需要时才应该动态加载小部件。
但我似乎已经到了我有限的 jquery 专业知识的尽头，所以希望能得到一些帮助。
到目前为止我的尝试：
<div id = "twittertoggle"><img src="images/Twitter_logo.png" alt="David's Twitter feed" id="twibble" /></div>
<div id = "twitterwidget">Widget to go in this DIV.</div>
<script language="javascript" >
$('#twitterwidget').hide(); // hide the container DIV on load
$('#twibble').bind('click', function() { // event for clicking on the twitter logo
$('#twitterwidget').toggle(); // toggle show or hide the widget container DIV
$.getScript('http://widgets.twimg.com/j/2/widget.js', function() { // attempt to load the JS for the widget
$.getScript('twitterwidget.js'); // fail horribly.
});
});
</script>
我将以下代码放入“twitterwidget.js”文件中：
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 320,
height: 340,
theme: {
shell: {
background: '#b0b0b0',
color: '#ffffff'
},
tweets: {
background: '#f7f4f7',
color: '#474647',
links: '#a16d99'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('TWITTERUSERNAME').start();
我已经尝试了很多很多不同的方法来让它工作（可能需要 2-3 个小时），但我现在完全陷入困境，所以我们将不胜感激，谢谢！
【问题讨论】：
-
脚本如何知道如何将小部件放入您的“twitterwidget”容器中，这让我有些困惑？没有参考文献
-
你能在 jsfiddle.net 或 jsbin.com 上发布一个演示吗？
-
恐怕我也是。如果脚本一直存在（即页面加载而不是动态加载），那么它将小部件放置在调用代码的任何位置。
-
嗨，亚伯拉罕 - 我以前从未使用过 jsbin 或 jsfiddle。希望这没问题：jsbin.com/uqujus/edit#javascript,html,live
-
您的演示没问题，但我猜问题是您需要将
#twitterwidget容器传递给TWTR函数。您必须阅读文档，因为我不熟悉 Twitter API。