jquery - document.ready 何时真正触发？

Question

让我们考虑以下情况:

<img> 中有一个 2.5MB 的图像标签，并且我的连接速度很慢，需要相当长的时间才能下载该图像。如果我输入 document.ready()在 head 标签中，那么它会等待图像下载还是在所有 HTML 下载完毕后触发？

如果下载完所有 HTML 后触发，我该如何避免它？

如何制作 .ready() 2.5MB 数据传输后函数会触发？

Answer 1

$(document).ready(...)

当 DOM is loaded 时触发(即使多媒体尚未加载)

$(window).load(...)

当所有 content is loaded 时发生火灾(当显示加载过程的进度指示器消失时)