在我们的网络应用程序中,有一个div,里面有几个“项目”。
这个div的一些项目是图像。在单页Web应用程序启动后动态加载这些图像。
在图像加载的“已加载”事件中,我开始计算每个项目的尺寸(我还使用console.log记录尺寸)。
在某些情况下 - 虽然图像已经加载 - 但是某些项目的大小并不像它们应该的那么大,因为图像尚未“渲染”。它们已经加载,但尚未完全包含在DOM中并且可见。
当然,当我在“加载”事件后等待1秒钟开始计算时,一切都很好,但对我来说这不是一个干净的解决方案。
当我可以开始计算时,我需要一些“渲染”事件。
非常感谢您提供任何有用的信息。
编辑:
我想提一下,单页Web应用程序已经启动。在此之后,图像会被加载。
答案 0 :(得分:0)
使用它等到所有内容都已加载后再运行JavaScript:
$(window).load(function(){
// your code here
});