使用jQuery在窗口调整大小时设置相等的高度列

Question

我正在尝试使用 jQuery 来平衡列的高度。我的解决方案适用于页面加载，但不适用于调整窗口大小。代码如下：

function equalizeCols(){
        var tallest = 0;
        var program = $("#programs li");
        var blueSpace = $("#programs li .programInfo");

        program.each(function(){
            var thisHeight = $(this).height();
            var imgHeight = $("#programs li img").height();
            var leftOver = thisHeight - imgHeight;

            if(leftOver > tallest){
                tallest = leftOver;
            }
        });
        blueSpace.height(tallest);
    }

$(window).load(equalizeCols);

很简单，这会遍历所有列表项，获取最高高度，然后将所有列表项设置为该高度。每个列表项都有一个百分比宽度，因此每个列表项的高度将根据窗口的大小而变化。也就是说，我需要这个来调整窗口大小。如果我只是做$(window).resize(equalizeCols);，列表项将继续增长，因为高度已经从加载设置。

知道如何调整此代码以调整窗口大小吗？

Answer 1

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

我不确定这是否会与您的代码不同。让我知道，我会尽力为您提供更好的解决方案。