Javascript 调整窗口大小时更新元素高度

Javascript 调整窗口大小时更新元素高度,javascript,jquery,html,css,window-resize,Javascript,Jquery,Html,Css,Window Resize,我有一个JS代码: var setPostHeaderHeightsInSlider = function() { var titlesHeight = 0; var teasersHeight = 0; $('.posts-slider .post-item').each(function() { var titleHeight = $(this).find('.post .post-header h3').height(); var

我有一个JS代码:

var setPostHeaderHeightsInSlider = function() {
    var titlesHeight = 0;
    var teasersHeight = 0;

    $('.posts-slider .post-item').each(function() {
        var titleHeight = $(this).find('.post .post-header h3').height();
        var teaserHeight = $(this).find('.post .post-header p').height();

        if (titleHeight > titlesHeight) {
            titlesHeight = titleHeight;
            $('.posts-slider .post-item .post .post-header h3').css('height', titlesHeight);
        }

        if (teaserHeight > teasersHeight) {
            teasersHeight = teaserHeight;
            $('.posts-slider .post-item .post .post-header p').css('height', teasersHeight);
        }
    });
};

var onResize = function() {
    console.log('resize');
    setPostHeaderHeightsInSlider();
};

$(document).ready(function () {
    onResize();
    $(window).on('resize', function(){
        onResize();
    });
}
我需要在调整窗口大小时更新元素的高度,但我的代码不起作用

我在控制台中看到文本,但高度不更新

@编辑:

我把我的html代码

HTML:



仅在刷新页面时设置高度。

请通过删除
p
h3
来尝试代码
它的意思是,
(通过获取代码)

$(this.find('.post.post header').height()而不是

$(this.find('.post.post header p').height()

替换此行,它将适用于您

    var titleHeight = $(this).find('.post .post-header h3').removeAttr("style").height();
    var teaserHeight = $(this).find('.post .post-header p').removeAttr("style").height(); 

你能发布你的html代码吗?发布你的html代码,是console.log打印吗?我编辑了帖子。
    var titleHeight = $(this).find('.post .post-header h3').removeAttr("style").height();
    var teaserHeight = $(this).find('.post .post-header p').removeAttr("style").height();