Блог

На моем веб-сайте у меня есть адаптивная карусель, которая занимает 75% ширины, и колонка новостей справа, которая занимает остальные 25%. Я хочу, чтобы высота столбца новостей соответствовала высоте карусели всякий раз, когда изменяется размер окна, и я успешно это сделал со следующим jQuery:

 function equalizeHeights() {
    var height = $('#carousel').height();
    $('#news').css('height', height   'px');
};

$(window).load(function() {
    $('.flexslider').flexslider();

    var height = $('#carousel').height();
    $('#news').css('height', height   'px');

    equalizeHeights();
    $(window).resize(function() {
        equalizeHeights();
    });
});
  

Однако, поскольку сначала он захватывает высоту карусели, а затем применяет ее к разделу, при изменении размера окна возникает видимая задержка, и мне было интересно, какой лучший способ сделать это — чтобы оба изменения размера были одинаковыми.