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

时间:2015-05-15 09:32:03

标签: javascript jquery twitter

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

我最近将Twitter小部件放入页脚,这导致Twitter小部件总是最后加载的问题,无论我把它放在我的JavaScript文件中的哪个位置。

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

有没有人有任何建议?

1 个答案:

答案 0 :(得分: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

祝你好运!