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

Question

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

我已经尝试将preload函数放在timeOut中2秒，但是虽然这适用于大多数快速连接，但在足够慢的连接上，似乎也会出现同样的问题。

因此，我正在寻找一种方法，可以在库完成加载和执行时通过Javascript告诉 - 当所有元素都正确呈现时。是否有一个MDL触发的回调我可以用来开始预加载iamges？

或者有更好的替代解决方案吗？

Answer 1

使用mdl-componentupgraded事件。检查事件的目标并查看它是否是要启动的布局组件。我打赌这是布局导致问题，因为我们如何为传统浏览器支持做到这一点。如果它不是布局，那么只需要狩猎并啄食，直到找到导致问题的部分。