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

标签 javascript jquery twitter

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

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

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

有人有什么建议吗?

最佳答案

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

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

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

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

祝你好运!

关于javascript - Twitter 小部件完全加载后调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30256052/

相关文章:

jquery - 使用 jquery 设置 CSS Top 值不起作用

python - 在 Twitter 流 API 中使用 "filter_level"过滤推文

javascript - Twitter 小部件阻止页面在 IE 8 中呈现,有人知道为什么吗?

php - 推特 API : Who unfollowed from me?

javascript - 使用 Javascript 提取 WordPress 简码字符串

javascript - 传单:不同坐标的不同颜色标记

javascript - Angular @input 属性以感叹号结尾?

javascript - 我的 ng-table 没有显示任何内容

javascript - 如何将函数合并到函数中

jQuery width() 方法性能