动态获取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;属性。