0

如何在页脚中加载 Twitter Widget 脚本并将 Widget 放置在特定的 div 中？

<html>
<body>
<!-- html code for the page -->
<script>   
     /* load Twitter widget into div#twitter-widget */
</script>
</body>

对于那些不熟悉Twitter Widget的人，它的代码看起来像

new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
     background: '#333333',
     color: '#ffffff'
   },
tweets: {
  background: '#000000',
  color: '#ffffff',
  links: '#4aed05'
}
  },
  features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
 }
}).render().setUser('twitter').start();
</script>()

可以使用document.ready() 加载 Twitter 小部件，但

1）如果脚本加载到页脚中，我如何定位 div#twitter-widget
2） 有时这会中断

4

2 回答 2

1

如果我理解正确，那么您希望在页脚加载后运行小部件并且您实现了正确的链接。

假设您的页脚 id 是“页脚”。做这样的事情：

$("#footer").load(function(){
  $(this).append('<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.THE-URL-TO-YOUR-PAGE" data-text="Check out my latest video!">Tweet</a>');

$.getScript("http://platform.twitter.com/widgets.js"); //This can also be put as a script tag above the body.

twttr.widgets.load(); //If you used the getScript above, you don't need this line
});

我希望这回答了你的问题。

快乐编码！:)

于 2012-06-04T18:06:36.367 回答
0

尝试将小部件粘贴<script>js...</script>到您想要呈现小部件的元素中，它应该就这么简单。

于 2012-05-16T15:29:46.587 回答