<分区>
所以我有一个小的 jQuery 脚本,可以根据背景图像的纵横比调整元素的大小。在某些情况下,它不能及时工作,我相信这是因为代码在图像下载完成之前运行。
基本上,我有 <div>
将具有特定大小的背景图像的元素,我希望该元素的大小完全相同。如果有比 JS 更好的方法,我会洗耳恭听。
我可以手动设置延迟,但有没有办法只在图片下载完成后运行代码?
我目前在 $(document).ready(function(){...});
中拥有它在我的页脚内。
标签 javascript jquery html css
<分区>
所以我有一个小的 jQuery 脚本,可以根据背景图像的纵横比调整元素的大小。在某些情况下,它不能及时工作,我相信这是因为代码在图像下载完成之前运行。
基本上,我有 <div>
将具有特定大小的背景图像的元素,我希望该元素的大小完全相同。如果有比 JS 更好的方法,我会洗耳恭听。
我可以手动设置延迟,但有没有办法只在图片下载完成后运行代码?
我目前在 $(document).ready(function(){...});
中拥有它在我的页脚内。
最佳答案
请试试
$(window).on("load", function() {
// your logic here.
});
代替
$(document).ready(function(){...});
注意 - 当所有 Assets (包括图像)完成加载时调用加载。当 DOM 准备好交互时,ready 被触发。
关于javascript - 强制 jQuery 在页面加载完成后运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40936570/