[英]How do I render new Twitter widget dynamically?
如果我在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小部件。 如何動態渲染我的小部件或執行某些事件(如按鈕單擊)?
采用
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();
和推特做其余的事情。
更改
!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");
您可以擁有一個data-widget-id,並通過添加來過濾掉任何推文消息Feed,
data-screen-name="AnyTwitterName"
舉個例子
<a class="twitter-timeline" data-widget-id="6596840392xxxxxxxx" data-screen-name="AnyTwitterName" ></a>
您可以使用Twitter for Websites JS在運行時創建小部件。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.