Twitter嵌入式多时间线

Question

我试图在项目中嵌入多个时间线，但是我需要输入文本，其中用户从Twitter输入用户名，并使用该用户名显示他的时间线，对于更多用户，在这篇文章中， 嵌入式时间线建议使用JSon进行操作。 。 我该怎么做？。 谢谢

Answer 1

Twitter 为嵌入式时间表提供了新的动态时间表选择 。 这样，您可以仅使用一个窗口小部件ID来创建多个时间轴。 如果您有widget.js文件，则嵌入多个时间轴的过程将是：

1. 用户在输入文本中输入Twitter用户名。
2. 一个JavaScript事件使用用户名信息创建一个新的<a>标记（ <a class="twitter-timeline" href="https://twitter.com/[username]" data-widget-id="[id]" data-screen-name="[username]">用户名<a class="twitter-timeline" href="https://twitter.com/[username]" data-widget-id="[id]" data-screen-name="[username]"> ）
3. 将标签添加到DOM后，调用twttr.widgets.load()

如果要使用JSON来存储这些用户名，那么您要做的就是将每个用户名保存在一个数组中，遍历每个用户名，为每个用户名创建一个<a>标记，然后将所有用户名添加到DOM中，然后调用twttr.widgets.load() 。