相对于窗口上另一个div的Div高度调整大小

Question

我的下面的功能，在初始加载时正确加载并设置div高度以匹配视频的高度。但是，当我调整窗口大小时，元素#top-content会失去其高度。

jQuery(window).resize(function () {
    var vidHeight = jQuery('video').height();
    jQuery('#top-content').css({
        'height': vidHeight + 'px'
    });
    var vidPicHeight = jQuery('.video-element').height();
    jQuery('#top-content').css({
        'height': vidPicHeight + 'px'
    });
    console.log(vidHeight);
}).trigger('resize');

我有一个控制台日志正在运行，变量vidHeight正在随着窗口调整大小而改变，它只是没有更新样式。

Answer 1

试试这个

var vidHeight = jQuery('video').height();
    jQuery('#top-content').css('height', vidHeight);