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

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

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

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

随机推荐

  1. scrum立会报告+燃尽图（第三周第四次）

    此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2286 项目地址:https://coding.net/u/wuyy694 ...

  2. 《JavaScript》函数

    function foo(a,b){return a+b}//函数申明 var foo=function(){}//函数表达式赋值 var foo=new Function('a','b','retu ...

  3. 转 使用Docker部署 spring-boot maven应用

    转自:https://blog.csdn.net/u011699931/article/details/70226504/ 使用Docker部署 spring-boot maven应用 部署过程分为以 ...

  4. 0330复利计算java版

    package compounding; import java.util.Scanner; public class compounding1_1 { public static void main ...

  5. freemarker中空值 null的处理 ?exists ？if_exists ?default(“”)

    exists:由空值测试运算符的引入,它被废弃了. exp1?exists 和 exp1??是一样的, ( exp1)?exists 和(exp1)??也是一样的. if_exists:由默认值运算符 ...

  6. windows(32位 64位)下python安装mysqldb模块

    windows(32位 64位)下python安装mysqldb模块 www.111cn.net 编辑:mengchu9 来源:转载 本文章来给各位使用在此windows系统中的python来安装一个 ...

  7. FastReport.Net 无限页高(连续纸小票)

    using System; using System.Collections; using System.Collections.Generic; using System.ComponentMode ...

  8. WebGL画一个10px大小的点

    WebGL程序在屏幕上同时使用HTML和javascript来创建和显示三维图形.WebGL中新引入的<canvas>元素标签,它定义了网页上的绘图区域. 由于<canvas> ...

  9. Liunx 和 Win中的软链接详解

    用过Linux的朋友都知道linux中有软链接的概念,可以通过ln命令创建到目录或文件的软链接,软链接的好处就是可以让一个目录或文件有多个入口但保持单一物理位置,方便应用和管理.    1．命令格式: ...

  10. A2W W2A等所需要的文件

    1.包含头文件 #include <atlbase.h> #include <atlconv.h> 2.在使用前加上,注意,不是在文件都定义. USES_CONVERSION;