jQuery在窗口调整大小时获取元素高度

Question

我正在尝试在调整窗口大小时获得div标签的高度，但是我总是得到相同的高度。 事件大小调整已正确触发。

var resizeNews = this.resizeNews = function() {
    $('.top-news__pillar').each(function (index){
            console.log($(this).outerHeight());
            if($(this).outerHeight() > maxHeightPillar)  maxHeightPillar = $(this).outerHeight(); 
        });        

/ 如果我未将高度设置为低于高度，请在调整大小时正确更改 /

     $('.top-news__pillar').each(function (index){
          $(this).outerHeight(maxHeightPillar);
        });
   }

    $(window).on('resize',resizeNews);

Answer 1

试试.outerHeight()而不是.height()

Answer 2

试试这个代码。

  $(document).ready(function() {
        $(window).resize(function() {
            var bodyheight = $('.top-news__pillar').height();
            console.log(bodyheight);
        }).resize();
    });

Answer 3

是的，您将得到始终相同的高度，这是因为，如果您以固定单位（例如px而不是响应单位（例如％）指定top-news__pillar元素高度。

即使调整大小，元素高度也将相同。 如果以%表示元素高度，则在调整窗口大小时可以看到高度变化。