6

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

<a class="twitter-timeline" href="https://twitter.com/vinto60utd" data-widget-id="283564783750483968">Tweets by @vinto60utd</a>
<script>!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");</script>

如果我将这段代码原样放在我的页面上,我会看到我想要的 Twitter 小部件。如何动态呈现我的小部件或在执行某些事件时(如按钮单击)?

4

4 回答 4

15

采用

twttr.widgets.load(); 

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

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

<a class="twitter-timeline" href="https://twitter.com/vinto60utd" data-widget-id="283564783750483968">
    Tweets by   @vinto60utd</a> 

然后我打电话 twttr.widgets.load();和推特做剩下的。

于 2013-06-20T09:42:25.107 回答
3

改变

!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");
于 2013-01-27T08:35:10.170 回答
1

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

    data-screen-name="AnyTwitterName"

举个例子

     <a class="twitter-timeline"  data-widget-id="6596840392xxxxxxxx"  data-screen-name="AnyTwitterName" ></a>
于 2015-11-12T11:41:08.827 回答
-1

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

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

于 2015-12-16T10:28:05.167 回答