脚本未在window.resize上运行

Question

以下是用于均衡几个div的高度。在页面加载上运行良好，不适用于窗口大小调整。

想法？

function equalHeight(group) { 
tallest = 0; 
group.each(function() { 
    thisHeight = $(this).height(); 
    if(thisHeight > tallest) { 
     tallest = thisHeight; 
    } 
}); 
group.height(tallest); 
} 

$(document).ready(function() { 
equalHeight($(".equal")); 
}); 
$(window).resize(function() { 
equalHeight($(".equal")); 
}); 

Answer 1

想通了。这是因为在调整大小时，高度已经从上次加载函数的运行中设置。我已经添加$(this).height('auto');到each功能，也改变$(document).ready(function(){})到$(window).load(function(){});见下图：

function equalHeight(group) { 
    tallest = 0; 
    group.each(function() { 
     $(this).height('auto'); 
     thisHeight = $(this).height(); 
     if(thisHeight > tallest) { 
     tallest = thisHeight; 
     } 
    }); 
    group.height(tallest); 
} 
$(window).load(function() { 
    equalHeight($(".equal")); 
}); 
$(window).resize(function() { 
    equalHeight($(".equal")); 
}); 

Answer 2

试试这个

$(function equalHeight(group) { 
tallest = 0; 
group.each(function() { 
    thisHeight = $(this).height(); 
    if(thisHeight > tallest) { 
     tallest = thisHeight; 
    } 
})); 
group.height(tallest); 
} 

$(document).ready(function() { 
equalHeight($(".equal")); 
}); 
$(window).resize(function() { 
equalHeight($(".equal")); 
});