Jquery 为什么在调整窗口大小时为多列设置相同的高度不起作用？

我有一个函数，可以为包含文本的列设置相同的高度

它在桌面上运行良好，但在调整窗口大小方面没有任何作用

什么是问题

代码如下。谢谢

function columnSize() {
    var maxheight = 0;
    $('.service .wrap .intro').each(function() {
        if($(this).innerHeight() > maxheight) { maxheight = $(this).innerHeight(); }
    });
    $('.service .wrap .intro').innerHeight(maxheight);      
}

$(document).ready(function() {
    columnSize();
});

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

---

问题是当页面第一次加载时，在div上设置了高度。这将在div上设置一个style属性，因此当您再次检查div的高度时，它只会拉取该值，这就是它从不更改的原因。再次设置之前，需要将高度重置为自动

看这里

---

您能否在代码上为此创建一个简单的示例？示例如下：。谢谢。如果这解决了您的问题，请将其标记为正确

function columnSize() {
    var maxheight = 0;
    var $intros = $('.service .wrap .intro');
    $intros.css("height","auto");
    $intros.each(function() {
        var h = $(this).innerHeight();
        if( h > maxheight ) { 
            maxheight = h;
        }
    });
    $intros.innerHeight(maxheight);     
}

$(document).ready(function() {
    columnSize();
});

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