Получить высоту столбца и ширину и обновления на изменение размера

Question

У меня есть этот HTML:

<div class="columna1"> CONTENT1 </div> 
<div class="columna2"> CONTENT2 </div> 

И это JavaScript:

column1_height = $('#columna1').height(); 
column1_width = $('#columna1').width(); 
column2_height = $('#columna2').height(); 
column2_width = $('#columna2').width(); 

Но при изменении размера экрана значения не обновляются.

Благодаря

Answer 1

Попробуйте это:

$(document).on('ready', initFunction); 
$(window).on('resize', getSizes); 

var column1_height = 0; 
var column1_width = 0; 
var column2_height = 0; 
var column2_width = 0; 

function initFunction(){ 
    getSizes(); 
} 

function getSizes(){ 
    column1_height = $('#columna1').height(); 
    column1_width = $('#columna1').width(); 
    column2_height = $('#columna2').height(); 
    column2_width = $('#columna2').width(); 

    console.log("Column 1: (Height: " +column1_height+ ") - (Width: " +column1_width+ ")"); 
    console.log("Column 2: (Height: " +column2_height+ ") - (Width: " +column2_width+ ")"); 
} 

Это должно работать