javascript - Material Design Lite 所有元素加载 JS 回调

标签 javascript material-design-lite

我有一个页面,我在其中尝试使用 MDL 呈现 header ,然后预加载一些图像。不幸的是,我遇到了一个问题,图像预加载函数实际上会阻止库正确渲染元素,直到所有图像都完成预加载。

我试过将预加载函数置于 2 秒的超时时间,但虽然这适用于大多数快速连接,但在足够慢的连接上,似乎会出现同样的问题。

因此,我正在寻找一种能够通过 Javascript 判断库何时完成加载和执行的方法 - 当所有元素都正确呈现时。是否有 MDL 触发的回调,我可以使用它开始预加载 iamges?

或者有更好的替代方案吗?

最佳答案

使用 mdl-componentupgraded 事件。检查事件的目标,看看它是否是要启动的布局组件。我敢打赌,由于我们为旧版浏览器支持所做的,这是布局导致了这里的问题。如果它不是布局问题,那么只需四处寻找和啄食,直到找到导致问题的部分。

关于javascript - Material Design Lite 所有元素加载 JS 回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37151660/

相关文章:

javascript - D3条形图x轴线不显示

javascript - 如何检查我的 XMLHttpRequest post 方法是否成功?

javascript - 格式化后的日期值返回 'undefined'

material-design-lite - material-design-lite 中的 "is-upgraded"类有什么作用,它是如何设置的?

html - 在 Chrome 中使用 MDL 固定 header 时如何获得页面内容的 100% 高度?

javascript - 持续时间为零的 css 转换是否仍然是硬件加速的?

javascript - HTML5 Player 取代 Windows Media Player 插件

html - 减少或删除 MDL 文本字段的垂直填充

jquery - 多个 mdl-sheet 重叠问题

css - 如何包含 Chrome 扩展内容脚本的样式?