$(window).load与$(document).ready的区别

时间：2022-06-03 18:28:07

刚好今天学了用jQuery实现瀑布流的用法，但加载时发现了一个小小的问题，那就是分别用$(window).load与$(document).ready实现加载时，$(document).ready的布局混乱。

出现问题后，我在网上查了查，得到的答案是，$(window).load等同于原生的window.onload，是等页面完全加载完再去执行；而$(document).ready是节点加载完就执行。

所以在加载图片时，根据本次图片加载速度的不同，$(document).ready每次布局都不一样。因为用了abusolute，还会出现图片重叠的情况，就是因为仅仅加载节点，还没有计算图片高度，导致无法正确执行代码。

所以今后如果碰到需要等到文档全部加载完成才能实现的代码，请使用$(window).load，而仅需要节点加载的请使用$(document).ready。

随机推荐

  1. C# 字符串操作类

    using System; using System.Collections.Generic; using System.Text; using System.Collections; using S ...

  2. MFC和GDI+一起使用

    VS2010,新建MFC项目,在头文件stdafx.h中添加: #include <gdiplus.h> using namespace Gdiplus; #pragma comment ...

  3. Python 之路：Python操作 RabbitMQ、Redis、Memcache、SQLAlchemy

    一.Memcached Memcached是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负债.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据库驱动网站的速 ...

  4. R语言︱SNA-社会关系网络—igraph包（社群划分、画图）（三）

    每每以为攀得众山小,可.每每又切实来到起点,大牛们,缓缓脚步来俺笔记葩分享一下吧,please~ --------------------------- 社群划分跟聚类差不多,参照<R语言与网站 ...

  5. canvas绘制随机验证码

    效果图: 思路: 1, 绘制canvas画布,进行基础设置 2.绘制一个矩形 3.设置验证码的随机数 4.设置验证码随机数的随机颜色 5.绘制随机干扰线 6,绘制随机干扰点 经过以上六个步骤,验证码的 ...

  6. centos 防火墙端口开放

    开放端口 永久的开放需要的端口 sudo firewall-cmd --zone=public --add-port=3000/tcp --permanent sudo firewall-cmd -- ...

  7. 在hive中UDF和UDAF使用说明

    Hive进行UDF开发十分简单,此处所说UDF为Temporary的function,所以需要hive版本在0.4.0以上才可以. 一.背景:Hive是基于Hadoop中的MapReduce,提供HQ ...

  8. SPI、I2C、UART三种串行总线协议的区别

    第一个区别当然是名字: SPI(Serial Peripheral Interface:串行外设接口); I2C(INTER IC BUS) UART(Universal Asynchronous R ...

  9. MySQL数据库语法（一）

    MySQL数据库语法 数据库管理系统(DBMS)的概述 什么是DBMS:数据的仓库 方便查询 可存储的数据量大 保证数据的完整.一致 安全可靠 DBMS的发展:今天主流数据库为关系型数据库管理系统(R ...

  10. StrConv 内码转换

    StrConv(string,conversion,LCID) string,预转换的字符串了(也可以使用byte数组). Conversion: 是一个整数,只决定转换方式,VB里定义了一些常量,如 ...

相关文章