如何动态呈现新的Twitter小部件？

如果我在Twitter上注册一个小部件，我会得到以下代码：

Tweets by @vinto60utd !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))>>>{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}>(document,"script","twitter-wjs"); 

如果我把这个代码放在我的页面上，我会看到我想要的Twitter小部件。 如何动态渲染我的小部件或执行某些事件（如按钮单击）？

Answer 1

更改

 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); 

至

 function twit(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}} twit(document,"script","twitter-wjs"); 

Answer 2

使用

 twttr.widgets.load(); 

如果你已经加载了//platform.twitter.com/widgets.js

在我的情况下，我这样做：将一些空的或以前的时间轴填充块的内容替换为像你这样的新链接

  Tweets by @vinto60utd 

然后我调用twttr.widgets.load(); 和推特做其余的事情。

Answer 3

您可以拥有一个数据小部件ID，并通过添加，过滤掉任何推文消息Feed，

  data-screen-name="AnyTwitterName" 

举个例子

Answer 4

您可以使用Twitter for Websites JS在运行时创建小部件。

https://dev.twitter.com/web/embedded-timelines