为什么jQuery为div的高度返回null？

Question

$(document).ready(function(){

  function getDocumentHeight()
  {
     // What's the page height?
     var height = $('#mainbody').height();
     alert(height);
   ...
 getDocumentHeight();  }

jQuery一直警告null我的#mainbodydiv 的高度.我不明白为什么,至少应该是500px这样的.

Answer 1

如果以动态方式加载内容,则元素可能还没有高度.尝试将此代码移到页面底部,直接在上方,看看是否解析.

更新:尝试将代码放入

$(window).load(function() {
  var height = $('#mainbody').height();
  alert(height);
});

在你的外面

$(document).ready();