html - 动态获取div高度的问题

Question

我一直在尝试在调整浏览器窗口时动态获取图像的高度。

我使用 console.log() 来获取值来检查我的结果是否正确，不知何故结果总是 0！我究竟做错了什么？

$(function(){
    var ScreenHeight = $(window).height();
    var ImageHeight  = $('#bkgImages').height();
    var ImageMove   = (ScreenHeight-ImageHeight)/2
    $('#wrapper').slideDown(500);
    $('#bkgScreen').animate({opacity: .5}, 700);
    $('#bkgImages').css({top: "-" + ImageMove + "px"});
    console.log(ImageHeight);           
});

我设法让窗口高度结果工作，但不是 div 元素高度。另一个问题是每个会话只计算一次结果，因为我需要在每次用户调整浏览器窗口大小时运行。我该怎么做呢？

Answer 1

我认为这取决于 div 的 css 属性，您可以参考这里的答案https://stackoverflow.com/a/10656669/693110。

简而言之，您需要指定 div 具有display: inline-block;属性。