blocks|key|4620404|text|当DOM准备好编写脚本时，使用.ready()执行操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4620405|$(document).ready(function(){
});|code-block|syntax|javascript|4620406|加载页面(包括文件和图片等资源)时，使用.load()执行操作。|4620407|$(window).load(function(){
});|4620408|entityMap^0|F|8|0|0|K|7|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

Use <code>.ready()</code> to perform actions when the DOM is ready for scripting.

<pre><code>$(document).ready(function(){
});
</code></pre>

Use <code>.load()</code> to perform actions when the "page" (resources including files and images) is loaded.

<pre><code>$(window).load(function(){
});
</code></pre>

blocks|key|3020704|text|jQuery.ready在DOM元素准备就绪时触发，而不是在脚本/图像/等完成加载时触发。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3020705|文档中关于.ready()的描述：|3020706|3020707|指定当DOM完全加载时要执行的函数。|blockquote|3020708|3020709|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|M|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|N|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|J|$]]

jQuery.ready fires when DOM elements are ready, not when scripts/images/etc finish loading.

Description from the docs on .ready():

<blockquote>
 Specify a function to execute when the DOM is fully loaded.
</blockquote>

blocks|key|4620379|text|正如simshaun所说，jQuery.ready是在DOM准备好的时候触发的，而不是在图像之类的东西准备好的时候触发的。如果您希望等待图像加载，则必须使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4620380|$(window).load(
++++function()+{
++++++++//+do+stuff+here
++++}
);|code-block|syntax|javascript|4620381|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As simshaun said, jQuery.ready fires when the DOM is ready - not when things like images are ready. If you want to wait for images to be loaded, you have to use the following code:

<pre><code>$(window).load(
 function() {
 // do stuff here
 }
);
</code></pre>

blocks|key|1826361|text|$.ready在DOM加载时运行，而不是在页面完全加载(图像等)时运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1826362|也许你在寻找|1826363|$(window).load(function()+{+//+stuff+})；|1826364|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

$.ready runs when DOM is loaded not when the page is fully loaded (images etc...)

Perhaps you're looking for

$(window).load(function() {
 // stuff
});

blocks|key|4620459|text|从jQuery应用编程接口文档中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4620460|4620461|虽然JavaScript提供了在呈现页面时执行代码的load事件，但在完全接收到所有资产(如图像)之前，不会触发此事件。在大多数情况下，只要完全构造了DOM层次结构，脚本就可以运行。传递给.ready()的处理程序保证在DOM就绪后执行，因此这通常是附加所有其他事件处理程序和运行其他jQuery代码的最佳位置。当使用依赖于CSS样式属性值的脚本时，在引用脚本之前引用外部样式表或嵌入样式元素非常重要。|blockquote|4620462|4620463|4620464|因此，如果您需要完成所有内容的加载，但如果只需要准备好DOM，请使用ready事件。|4620465|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|M|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|N|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|O|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Q|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|K|$]]

From the jQuery API documentation:

<blockquote>
 While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received. In most cases, the script can be run as soon as the DOM hierarchy has been fully constructed. The handler passed to .ready() is guaranteed to be executed after the DOM is ready, so this is usually the best place to attach all other event handlers and run other jQuery code. When using scripts that rely on the value of CSS style properties, it's important to reference external stylesheets or embed style elements before referencing the scripts.
</blockquote>

So, use the load event if you need everything to be finished loading but if you only need the DOM to be ready, use the ready event.

blocks|key|953724|text|.ready()函数在DOM准备就绪时运行，而不是加载二进制数据。要确保加载二进制数据，可以使用.load()函数|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|953725|entityMap^0|0|8|1C|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<code>.ready()</code> function runs when the DOM is ready not the binary data is loaded. to ensure that the binary data is loaded you can use <code>.load()</code> function

so often i put jquery document ready functions at the bottom of my html, just to have it run before all the elements of the page are loaded. i'm tired of my functions not working because resources arent finished loading on the page, jquery.ready keeps saying the elements are done loading when they arent! who wants to set a 300ms timeout just so that their functions wait a little after jquery.ready?

Why does jQuery.ready run when the page isnt ready?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

所以我经常将jquery文档就绪函数放在html的底部，只是为了让它在页面的所有元素加载之前运行。我厌倦了我的函数不工作，因为资源还没有加载到页面上，jquery.ready一直说元素加载完成了！谁会想要设置300ms的超时时间，让他们的函数在jquery.ready之后稍等片刻呢？

问为什么jQuery.ready会在页面还没准备好的时候运行？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么jQuery.ready会在页面还没准备好的时候运行？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么jQuery.ready会在页面还没准备好的时候运行？
EN