关于3-5JQ实现效果问题---修改版

来源：3-3 使用Jquery完成定位布局

夜sama

2017-11-18 18:03:55

简答的说明下看了很多同学说自己图片叠加，期初我以为是谷歌浏览器的BUG，但是后来发现并不是这样，之所以用JQ实现效果的时候会出现问题是因为我们用JQ写代码的时候可能用的$(function(){}) 也就是$(document).ready=function做的开头吧，但是JS代码用的是window.onload作为开头，这个时候图片坍塌的原因就被我找到了，onload和ready实现的效果是有区别的，ready是在DOM加载完就开始执行函数，此时图片并未加载结束，这个时候就开始影响到我们后面的JQ代码了，试想图片都未加载完成，如何能够获取图片的高度以及正确定位图片的位置呢？这也解释了后面我提出的每次刷新图片的叠加情况不一样的疑问。

以下是我调试出来的可能原因

原因一：jq库不一样会造成不一样的结果，这可能是图片叠加的原因

原因二：浏览器版本的问题，同学们可以尝试更换浏览器

原因三：window.onload和ready的区别，用了不同JQ库的同学该这个应该可以解决

-----------------------------------调试这个真的很累，以上仅是我个人的观点，希望能帮到大家，本人也是一介学生，并不权威，担心给大家带来错误的解释让我花了好久去查，总之大家凑合着看吧......是否完全正确我不确定，但是至少还是有点用的。

PS：位置不够我粘贴所有代码了，我就不加代码了，大家用老师给的文件应该就能发现这个问题

写回答

4回答