如果我在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小部件。如何动态渲染我的小部件或执行某些事件(如按钮点击)?
答案 0 :(得分:13)
使用
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();
,推特做其余的事。
答案 1 :(得分: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");
答案 2 :(得分:1)
you can have a single data-widget-id and filter out any tweet message feed by just adding,
data-screen-name="AnyTwitterName"
for an example
<a class="twitter-timeline" data-widget-id="6596840392xxxxxxxx" data-screen-name="AnyTwitterName" ></a>
答案 3 :(得分:0)
您可以使用Twitter for Websites JS在运行时创建小部件。