强制jQuery在页面加载完成后运行？

Question

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

基本上,我有一些<div>元素将具有一定大小的背景图像,我希望元素的大小完全相同.如果有一个比JS更好的方式,我会全力以赴.

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

我目前$(document).ready(function(){...});在我的页脚里面有它.

Answer 1

请试试

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

代替

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

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