lau*_*kok 2 api twitter ajax jquery
如何通过AJAX加载页面加载下面的Twitter？
我在一个名为的页面上有twitter小部件 twitter.php
<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;
});
});
萤火虫上的错误信息,
TWTR未定义[打破此错误](17超出范围16)
我怎么能绕过这个？
如果你想避免使用iframe,你应该能够将widget.js调用添加到你的母版页,然后在twitter调用中添加一个hold div和id参数,它应该可以工作.
// 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: {
| 归档时间： |
|
| 查看次数： |
3663 次 |
| 最近记录： |