ウィンドウの別の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);