文档章节

要求jQuery在执行某些操作之前等待所有图像加载的官方方式

 法国红酒甜
发布于 07/12 23:59
字数 484
阅读 11
收藏 0

「深度学习福利」大神带你进阶工程师,立即查看>>>

问题:

In jQuery when you do this: 在jQuery中,当您执行以下操作时:

$(function() {
   alert("DOM is loaded, but images not necessarily all loaded");
});

It waits for the DOM to load and executes your code. 它等待DOM加载并执行您的代码。 If all the images are not loaded then it still executes the code. 如果未加载所有映像,则仍将执行代码。 This is obviously what we want if we're initializing any DOM stuff such as showing or hiding elements or attaching events. 如果我们要初始化任何DOM东西(例如显示或隐藏元素或附加事件),显然这就是我们想要的。

Let's say though that I want some animation and I don't want it running until all the images are loaded. 假设我想要一些动画,并且在加载所有图像之前不希望它运行。 Is there an official way in jQuery to do this? jQuery中有正式的方法吗?

The best way I have is to use <body onload="finished()"> , but I don't really want to do that unless I have to. 我最好的方法是使用<body onload="finished()"> ,但是除非需要,否则我真的不想这样做。

Note: There is a bug in jQuery 1.3.1 in Internet Explorer which actually does wait for all images to load before executing code inside $function() { } . 注意:Internet Explorer的jQuery 1.3.1中存在一个错误,错误实际上在执行$function() { }代码之前确实等待所有图像加载。 So if you're using that platform you'll get the behavior I'm looking for instead of the correct behavior described above. 因此,如果您使用该平台,则会得到我正在寻找的行为,而不是上面描述的正确行为。


解决方案:

参考一: https://stackoom.com/question/2HmD/要求jQuery在执行某些操作之前等待所有图像加载的官方方式
参考二: https://oldbug.net/q/2HmD/Official-way-to-ask-jQuery-wait-for-all-images-to-load-before-executing-something
粉丝 0
博文 894
码字总数 0
作品 0
成都
私信 提问
加载中
请先登录后再评论。
Netty那点事(三)Channel与Pipeline

Channel是理解和使用Netty的核心。Channel的涉及内容较多,这里我使用由浅入深的介绍方法。在这篇文章中,我们主要介绍Channel部分中Pipeline实现机制。为了避免枯燥,借用一下《盗梦空间》的...

黄亿华
2013/11/24
2W
22
访问安全控制解决方案

本文是《轻量级 Java Web 框架架构设计》的系列博文。 今天想和大家简单的分享一下,在 Smart 中是如何做到访问安全控制的。也就是说,当没有登录或 Session 过期时所做的操作,会自动退回到...

黄勇
2013/11/03
3.6K
8
【opencv】图形的绘制

1.矩形图像的绘制: 原函数:void cvRectangle(CvArr* img, CvPoint pt1, CvPoint pt2, CvScalar color, int thickness=1, int line_type=8,int shift=0) img就是需要绘制的图像 pt1 and pt......

其实我是兔子
2014/10/08
1.2K
1
Swift百万线程攻破单例(Singleton)模式

一、不安全的单例实现 在上一篇文章我们给出了单例的设计模式,直接给出了线程安全的实现方法。单例的实现有多种方法,如下面: class SwiftSingleton { } 这段代码的实现,在shared中进行条...

一叶博客
2014/06/20
3.6K
16
beego API开发以及自动化文档

beego API开发以及自动化文档 beego1.3版本已经在上个星期发布了,但是还是有很多人不了解如何来进行开发,也是在一步一步的测试中开发,期间QQ群里面很多人都问我如何开发,我的业余时间实在...

astaxie
2014/06/25
2.7W
22

没有更多内容

加载失败,请刷新页面

加载更多

Model S被18轮重卡撞烂 乘客在车辆保护下幸存

日前,国外一位名为quarm813的网友在社交媒体分享了“Model S救他和女儿性命”的经历。 据该用户描述,当地时间7月31日,他驾驶Model S在高速公路快车道上行驶时,一辆18轮重卡突然实线并线闯...

osc_fipgtxy8
24分钟前
4
0
Redis-cluster5.x集群搭建

1.下载redis5.0.2 wget http://download.redis.io/releases/redis-5.0.2.tar.gz #官网下载 tar xzf redis-5.0.2.tar.gz #解压cd redis-5.0.2 yum install gcc #需要gcc来编......

osc_zzg7fpke
26分钟前
11
0
CGB2004-京淘项目Day12

1.还原系统配置 1.1 释放Linux资源 1.1.1 停止数据库主从服务 1.1.2 关闭数据库服务 说明:关闭数据库服务器. 1.1.3 关闭tomcat/mycat服务器 1.1.4关闭nginx服务器 1.2 修改代码中的配置 1.2....

osc_3361hjxk
27分钟前
16
0
【北京迅为】初识i.MX6ULL终结者开发板

目录 一、 开发板初体验 1. 初识i.MX6ULL终结者开发板 一、 开发板初体验 i.MX6ULL终结者开发板是北京迅为电子推出的一款Cortex-A7架构的开发板。采用核心板+底板的方式,如下图所示: 经典蓝...

osc_0esgtdby
27分钟前
8
0
如何利用基于PXI的下一代ATE系统测试平台进行军事/航天/卫星电子设备测试

前言 自动测试设备(ATE)系统用于在生产产品或产品使用过程中测试电子组件,子组件或完整系统的功能和性能,以确保他们可操作性。对设备、电路板、子组件或系统的测试要求从简单到复杂,设计...

osc_mxz6aybo
29分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部