我有一个页面,我在其中尝试使用 MDL 呈现 header ,然后预加载一些图像。不幸的是,我遇到了一个问题,图像预加载函数实际上会阻止库正确渲染元素,直到所有图像都完成预加载。
我试过将预加载函数置于 2 秒的超时时间,但虽然这适用于大多数快速连接,但在足够慢的连接上,似乎会出现同样的问题。
因此,我正在寻找一种能够通过 Javascript 判断库何时完成加载和执行的方法 - 当所有元素都正确呈现时。是否有 MDL 触发的回调,我可以使用它开始预加载 iamges?
或者有更好的替代方案吗?
最佳答案
使用 mdl-componentupgraded
事件。检查事件的目标,看看它是否是要启动的布局组件。我敢打赌,由于我们为旧版浏览器支持所做的,这是布局导致了这里的问题。如果它不是布局问题,那么只需四处寻找和啄食,直到找到导致问题的部分。
关于javascript - Material Design Lite 所有元素加载 JS 回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37151660/