javascript - 强制 jQuery 在页面加载完成后运行?

标签 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/

相关文章:

javascript - Chrome 在刷新后不执行 jquery 函数,但在单击链接时执行

jquery - 运行 jQuery 的 Submit() 函数时表单不提交

javascript - Magento 时事通讯弹出窗口(模式窗口)在每个页面上弹出。它应该只在主页上弹出

javascript - 一次使用 split pop 和 join 可以吗?

javascript - Microsoft Edge 刷新按钮不执行 onLoad javascript 代码

javascript - 如何为追加创建动态选择器?

javascript - 使用 jquery 或 javaScript 更改背景位置的值

html - 将最后一个空间从混合内容节点移动到外部节点

javascript - 如何制作拖放式HTML文件阅读器

javascript - MouseOver 不会在重叠的 div 上冒泡吗?