javascript - Twitter 小部件完全加载后调用函数

Question

我目前在使用 Twitter API 时遇到了一些问题。我有一个侧边栏，它使用 JavaScript 在页面加载和页面调整大小时动态测量页脚的高度。

我最近将 Twitter 小部件放入页脚中，这导致了一个问题:无论我将 Twitter 小部件放在 JavaScript 文件中的什么位置，它总是最后加载。

我尝试在 Twitter 小部件完全加载后使用事件处理程序调用测量函数，但仍然没有什么区别。

有人有什么建议吗？

Answer 1

您有几种选择来解决此问题。您可以使用 .setInterval 等 JS 方法，该方法将继续循环，直到 Twitter 小部件位于 DOM 中，然后执行您的函数。或者，您也可以使用 setTimeout 并强制更新页脚函数等待，直到 Twitter 小部件出现。我推荐前者。

如果您不习惯使用 setInterval - 您可能想看看这个方便的插件，它会等待指定的元素插入到 DOM 中。检查一下:https://gist.github.com/buu700/4200601

第三方小部件的异步加载通常会引起一些麻烦。但上述解决方案应该为您指明解决问题的正确方向。

最后 - 您是否知道 Twitter 小部件允许您在 Twitter 帐户的小部件设置中设置指定的高度？这也可能会解决您的问题:https://dev.twitter.com/web/embedded-timelines#dimensions

祝你好运!