页面加载完成后强制jQuery运行？ [复制]

Question

所以我有一个小的 jQuery 脚本，它可以根据背景图像的纵横比调整元素的大小。在某些情况下，它不能及时工作，我相信这是因为代码在图像完成下载之前运行。

基本上，我有 <div> 元素，它们将具有一定大小的背景图像，并且我希望元素的大小完全相同。如果有比 JS 更好的方法，我会全力以赴。

我可以手动设置延迟，但有没有办法只在图像下载完成后运行代码？

我目前在页脚内的$(document).ready(function(){...}); 中有它。

Answer 1

请尝试

    $(window).on("load", function() {
       // your logic here.
    });

代替

    $(document).ready(function(){...});

注意 - 当所有资产（包括图像）完成加载时调用 load。当 DOM 准备好交互时触发 ready。