【发布时间】：2011-10-08 21:58:08
【问题描述】：
我创建了一个 jquery 插件，它在左侧放置了一个用于社交媒体内容的侧边栏。我有下面的变量，这是内容的来源。我正在尝试使用小部件提取推特提要，但我不断收到错误消息“TWTR 未定义”。任何想法如何解决这个问题？
这个页面正在调用我创建的插件http://social.allthingswebdesign.com
var content = (
'<div class="contentArea visible" id="fb">FB Content Area</div>'+
'<div class="contentArea" id="twit"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: \'profile\',rpp: 4,interval: 6000,width: 250,height: 280,theme: {shell: {background: \'#333333\',color: \'#ffffff\'},tweets: {background: \'#ffffff\',color: \'#444444\',links: \'#e02046\'}},features: {scrollbar: false,loop: false,live: false,hashtags: true,timestamp: true,avatars: false,behavior: \'all\'}}).render().setUser(\'CSuitesIndepend\').start();</script></div>'+
'<div class="contentArea" id="youtube">Youtube Video</div>'+
'<div class="contentArea" id="yelp">Yelp reviews</div>'+
'<div class="contentArea" id="ta">Trip Advisor Advice</div>'+
'<div class="contentArea" id="li">The Linked In Page</div>'
);
另外 - 如果我从插件中删除这一行 <script src="http://widgets.twimg.com/j/2/widget.js"></script>，并将其放在我的网页顶部，我看到的只是 Twitter 提要。
编辑：好吧，现在我在想，为什么我不能将 twitter 小部件代码 - <script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 250,
height: 280,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#e02046'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('CSuitesIndepend').start();
</script> - 附加到通过插件动态插入的元素上？
当我尝试这段代码时，它不会在#tweetFeed 中插入任何内容 -
$(document).ready(function() {
// add the sidebar plugin
$('html').social(function() {
//console.log('#tweetFeed = '+ $('#tweetFeed').parent().html());
$('#tweetFeed').insertAfter("<p>TEST</p>");
});
//console.log('#tweetFeed = '+ $('#tweetFeed').parent().html());
$('#tweetFeed').insertAfter("<p>TEST</p>");
});
【问题讨论】：
-
为什么要让侧边栏包含在 javascript 中？有什么特殊的理由不使用纯 html（这将减少负载并增加简单性）？
-
这是我创建的一个插件，我想简单地添加到一堆不同的网站中。
-
但还是；一个简单的包含有什么问题（即在 php 中：include('twitter_widget.php');）？它更快，更简单，并且尽可能容易实现（它甚至可以保护一行代码；））
标签： javascript jquery html css twitter