Question

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

基本上，我有<div>元素具有一定大小的背景图像，我希望元素的大小完全相同。如果有一个比JS更好的方式，我全都耳朵。

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

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

Answer 1

请尝试

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

而不是

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

注意 - 在加载所有资源（包括图像）时调用load。当DOM准备好进行交互时，就会触发就绪。