javascript - 调整窗口大小时相对于另一个 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);