                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /瀑布流布局

后加载的图片布局不正确

前半截图片布局正常，后半截通过JS添加的图片都重叠起来了，高度都为55。

我设置了一个按钮调用waterfall函数，重新调用之后就能正常布局，但是写在加载之后就不行。

代码应该都是按照视频敲的，我想问一下这是什么原因？

tremory

2014-11-25

源自：瀑布流布局 2-5

关注问题我要回答

1403

操作

收起

6 回答

lumia2048
2016-07-27

谢谢啦，我还以为只有我一个人发现了这个问题。终于解决了困扰我一天的问题！

0 回复有任何疑惑可以回复我~

偌颜宁
2014-11-25

这个我看不到你的代码我也没法说

0 回复有任何疑惑可以回复我~

tremory 提问者
2014-11-25

在加载后一批图片后设置延时再调用waterfall函数就能正确布局了估计是图片还没加载进入页面 waterfall就去获取box高度所以获取到的只有空盒子的高度——55

1 回复有任何疑惑可以回复我~

偌颜宁
2014-11-25

你代码怎么写的我都不知道啊，所以说让你自己调试吗

0 回复有任何疑惑可以回复我~

#1

tremory 提问者

就是课程中的代码

2014-11-25 回复有任何疑惑可以回复我~

tremory 提问者
2014-11-25

55的高度好像是没有图片空盒子的高度为什么新加载图片后第一次调用waterfall获取的图片高度是空盒子的高度呢？

0 回复有任何疑惑可以回复我~

#1

因为图片还没加载完成最好再图片都加载完成后再执行waterfall方法

2015-07-21 回复有任何疑惑可以回复我~

偌颜宁
2014-11-25

在浏览器端启动开发者工具，按F12，然后打断点调试，如果不会调试的话，可以看一下web调试工具-firebug的课程

0 回复有任何疑惑可以回复我~

#1

tremory 提问者

具体是要调试什么内容呢？我现在不明白为什么高度是55 感觉是图片没有加载进去 waterfall就获取了空盒子的高度我也试了一下box里不放图片高度就是55

2014-11-25 回复有任何疑惑可以回复我~

#2

如果不会调试的话你先去看一下web调试工具-firebug这门课程，调试是调试你JS中的代码，可以逐行看效果

2014-11-25 回复有任何疑惑可以回复我~

#3

tremory 提问者回复偌颜宁

Firefox里正常 chrome就叠起来了==

2014-11-25 回复有任何疑惑可以回复我~

查看1条回复

举报

0/150

提交

取消

瀑布流布局

参与学习 97759 人
解答问题 736 个

瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式

本课相似问答

1 回答zepto + 图片懒加载 + 瀑布流

2 回答瀑布流的最后一步不断地加载图片总是实现不了

1 回答瀑布流这张页面加载的图片问题

2 回答怎么在图片地下加文字css3多栏布局

2 回答自己弄的数据加载完成后结束图片加载问题

搜索更多本课相关问答

后加载的图片布局不正确

我要回答关注问题

意见反馈帮助中心 APP下载