如何通过 AJAX 加载页面加载下面的 twitter?
我在名为 twitter.php
的页面上有 Twitter 小部件
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 30000,
width: 455,
height: 563,
theme: {
shell: {
background: '#e70e6f',
color: '#ffffff'
},
tweets: {
background: '#ccc8cc',
color: '#ffffff',
links: '#08a9cd'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('gtteam').start();
</script>
html,
<a href="#" class="load">click to load</a>
<div id="container"></div>
jquery,
$(document).ready(function(){
$('.load').click(function(){
$('#container').load('twitter.php');
return false;
});
});
firebug 上的错误消息,
TWTR is not defined [Break On This Error] (17 out of range 16)
我该如何解决这个问题?
最佳答案
如果您想避免使用 iframe,您应该能够将 widget.js 调用添加到您的母版页,然后将一个保持 div 和 id 参数添加到 twitter 调用,它应该可以工作。
// stick this in your index.html page <head>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
// on the page called via ajax
<div id="twtr-widget"></div>
<script type="text/javascript">
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 6,
interval: 6000,
width: 300,
height: 'auto',
id: 'twtr-widget',
theme: {
关于ajax - 通过 jquery ajax 加载 twitter feed,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7923952/