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

Question

$(document).ready(function(){

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

jQuery 不断提醒 null 我的 #mainbody div 的高度。我不明白为什么，它至少应该是 500px 左右。

Answer 1

如果动态加载内容，则元素可能还没有高度。尝试将此代码移动到页面底部、正上方，看看是否可以解决。

更新：
尝试将您的代码放在

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

您的外部

$(document).ready();

Answer 2

如果您使用模板进行标记，例如使用 Angular 或 Ember，请使用脚本标签并从模板调用脚本。

<script type="text/javascript" src="/js/script.js"></script>

Answer 3

100 毫秒的延迟对我来说效果很好。毫不拖延地不工作。

setTimeout(function(){
    var imgWidth = $('#id').width();
    var imgHeight = $('#id').height();
    console.log(imgWidth);
    console.log(imgHeight);
}, 100);