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();し、twitter は残りを行います。

于 2013-06-20T09:42:25.107 に答える
3

Change

!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");

To

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

Twitter for Websites JS を使用して、実行時にウィジェットを作成できます。

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

于 2015-12-16T10:28:05.167 に答える