相對於窗口調整大小的另一個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);