twitter 的配置文件小部件包含在一个单独的 javascript 文件中答案

【问题标题】：twitter's profile widget include in a separate javascript filetwitter 的配置文件小部件包含在一个单独的 javascript 文件中
【发布时间】：2011-01-28 10:47:37
【问题描述】：

我只是想将自定义 twitter 的个人资料小部件放在我的页面上，但我喜欢将代码放在单独的 javascript 文件中。

所以，我不知道该怎么做。

我的意思是，我把这个放在头标签上

<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>

为小部件创建一个 div，然后将其余代码放在另一个 javascript 中

new TWTR.Widget(json_twitter_options).render().setUser('username').start();

但是，如何将结果“放入”该小部件中......我完全迷路了，提前谢谢。

【问题讨论】：

标签： javascript twitter widget

【解决方案1】：

对我来说，解决方案是简单地将“id”属性添加到您希望小部件呈现到的元素的选项对象中。这样，您甚至可以使用 require.js 或在页面加载后加载脚本，并且仍然将小部件呈现到您想要的空间中。

顺便说一句，我没有找到有关此属性的任何文档。

例如：

new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 135,
  height: 700,
  theme: {
    shell: {
      background: '#e5e5e5',
      color: '#363F49'
    },
    tweets: {
      background: '#e5e5e5',
      color: '#000000',
      links: '#06C'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  },
  id: 'someDivId'
}).render().setUser('comster').start();

【讨论】：

【解决方案2】：

js 文件不必位于小部件上方的头部

这段代码我已经测试过了：

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 135,
  height: 700,
  theme: {
    shell: {
      background: '#e5e5e5',
      color: '#363F49'
    },
    tweets: {
      background: '#e5e5e5',
      color: '#000000',
      links: '#06C'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('USERNAME').start();
</script>

【讨论】：

感谢 Jason 的回答，但那不是真的......我可以把第一个

【解决方案3】：

好吧，看来我的问题没听懂。

我不能做我想做的事。但是简化我的问题的方法是创建一个用于设置小部件的 json 对象。

我仍然想找到一种方法，不要在正文标签中使用脚本标签

非常感谢观众！

【讨论】：

【解决方案4】：

只需将整个代码放入一个新的 javascript 文件（将其命名为您喜欢的任何名称，例如 twitter.js），然后将其链接到您希望它显示的位置，例如在

下

<div id="twittercode">[js file link goes here]</div>

这整个块应该进入一个新的 javascript 文件。

new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 135,
  height: 700,
  theme: {
    shell: {
      background: '#e5e5e5',
      color: '#363F49'
    },
    tweets: {
      background: '#e5e5e5',
      color: '#000000',
      links: '#06C'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('USERNAME').start();

【讨论】：