刚好今天学了用jQuery实现瀑布流的用法,但加载时发现了一个小小的问题,那就是分别用$(window).load与$(document).ready实现加载时,$(document).ready的布局混乱。
出现问题后,我在网上查了查,得到的答案是,$(window).load等同于原生的window.onload,是等页面完全加载完再去执行;而$(document).ready是节点加载完就执行。
所以在加载图片时,根据本次图片加载速度的不同,$(document).ready每次布局都不一样。因为用了abusolute,还会出现图片重叠的情况,就是因为仅仅加载节点,还没有计算图片高度,导致无法正确执行代码。
所以今后如果碰到需要等到文档全部加载完成才能实现的代码,请使用$(window).load,而仅需要节点加载的请使用$(document).ready。