jquery - preload all content

Question

I have a page that I display a number of images and video in a type of slideshow, however I want to determine if all content on the page has currently loaded before I start. Does

$(window).load()

Check to see if all content, including video has been loaded?

cheers thanks,

Answer 1

$(window).load()检查页面是否已完全加载，包括所有图像。根据jQuery 网站。

示例：当页面完全加载（包括图形）时运行函数。$(window).load(function () { // run code });

基本上$(document).ready()检查 HTML 文档是否已完全加载和解析，$(window).load()将等到所有资源都被请求并（如果找到）加载到网页中，这包括所有图像。

如果您想在视频加载后做某事，您可以使用$(window).load()，但我建议使用回调函数。如果您使用的是 YouTube、Vimeo 或 Brightcove 之类的 API，那么我建议您使用他们的库的回调而不是使用$(window).load()，这是因为如果您从远程服务器获取视频数据，那么 jQuery 就没有办法（客户端）固有地知道视频是否已完成流式传输。然而，jQuery 会知道连接到远程源的脚本是否已加载。