日期:2014-05-16  浏览次数:20432 次

一个由图片组成的页面,jQuery无法获得页面正确文档高度
是这样的,我的某个页面里除了header和footer有文字,其他的全是图片切片就像这样:

<div class="warp">
  <div class="box">
    <img src="someurl.jpg" />
  </div>
</div>

<div class="warp">
  <div class="box">
    <img src="someurl.jpg" />
  </div>
</div>
...


然后我使用$(document).height();期望获得文档的实际高度时,计算出来只有header footer的高度
$(document.body).height();其他的什么outerHeight(),还有原生javascript也不行.于是我只好老老实实给div填上与图片相同的高度,最后解决了.

有没有智能一点的方法,能够得到其正确的高度,而不用设置div高度

------解决方案--------------------
你应该先获取所有图片,并判断所有图片已经加载完了之后再去获取网页高度。
结帖率太低代码就省了...