Question

我一直在使用类似的代码来获取网站上最近推文的列表。然而，有一个问题我想解决。我必须将此代码准确地放在我想要呈现推文的位置，并且我想将其移动到单独的文件以保持HTML清洁。但是我真的找不到办法。

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'list',
  rpp: 5,
  interval: 6000,
  title: '@palafo',
  subject: 'Linkers',
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#ad0000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#ad0000'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}).render().start();
</script>

该库的源代码可用here

Answer 1

将它放在单独的JS文件中：

twitterWidget = new TWTR.Widget({
  version: 2,
  type: 'list',
  rpp: 5,
  interval: 6000,
  title: '@palafo',
  subject: 'Linkers',
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#ad0000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#ad0000'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}));

然后，在您准备加载小部件的文档中，放置

<script type="text/javascript>
twitterWidget.render().start();
</script>

Answer 2

西蒙是对的但却忘了包含src。准备加载文档后，键入 -

<script type="text/javascript src="path/to/.js/file">
twitterWidget.render().start();
</script>

Twitter JS小部件代码移动到外部文件

2 个答案: