使列高与响应式传送带的高度相匹配

Question

在我的网站上，我有一个响应式旋转木马，占据宽度的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();
    });
});

然而，因为它首先抓住旋转木马的高度然后将其应用到该部分，所以当你调整窗口大小时会出现明显的滞后现象，我想知道更好的方法是什么，这样两者都可以调整大小。