需要jQuery等高平滑过渡到响应大小吗

当页面宽度小于768像素时，如何更新jQuery以实现从等高divs到不等高divs的平滑过渡

我创建了当页面宽度大于768像素时应用的jQuery等高代码

但是，将我的页面宽度从大于768像素宽更改为小于768像素宽时，我看到页面中出现闪烁，其中等高divs的样式从高度的像素样式快速切换（如高度：104px）到高度：在不到一秒钟内自动

JSFiddle

jQuery

function equalHeight(group) {
    var windowWidth = $(window).width();
    var tallest = 0;
    group.each(function() {
        var thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    if(windowWidth > 768) {
        group.height(tallest);
    }
    else if((windowWidth <= 768)) {
        group.css('height', 'auto');
     }
 }

 $(window).on('load resize', function() {
    equalHeight($('.sameHeight'));
 });

---

谢谢

我无法复制您上面描述的内容。如果您事先知道自己的最高高度，您可以使用媒体查询，而不是使用jquery

<div class='sameHeight'><p>One<br>two<br>three<br>asdfsdafkjdsafasdffa asdfaksdfadsk asdfkadsfjdsak asdf asdfkdas sdaf sdfkdsjsdadiewruwei asdfksdfk</p></div>
<div class='sameHeight'><p>four</p></div>
<div class='sameHeight'><p>four</p></div>       
<div class='sameHeight'><p>four</p></div>
<div class='sameHeight'><p>four</p></div>
<div class='sameHeight'><p>four</p></div>
<div class='sameHeight'><p>four</p></div>
<div class='sameHeight'><p>four</p></div>

div {
    border: 1px solid green;
}