我意识到CSS大部分是实现均匀高度元素的最佳方式。但是,在我们处理页面或CMS的某些情况下,我们无法完全控制,我认为jQuery解决方案非常方便。
我想知道如何在jQuery中实现以下功能。我对jQuery语法不太熟悉,但这里是我的淡化伪jQuery /英语语法...这是否有意义,还是有更简单的方法来实现这一点?我意识到下面的代码没有丝毫的作用,这只是我尝试为解决方案做出贡献的方式,并在逻辑部门中进行了一些介绍:
$('div.columns')each.get.height;
create an array of the height values
grab the largest value in this array
$('div.columns')each.css(height: $max-height);
一旦你停止嘲笑我的伪代码,任何想法? 谢谢!
答案 0 :(得分:22)
尝试这样的事情:
var maxHeight = -1;
$('div.columns').each(function() {
if ($(this).height() > maxHeight) {
maxHeight = $(this).height();
}
});
$('div.columns').height(maxHeight);
注意:这是一个未经测试的代码。但它应该有适合你的基本概念。您的原始概念很接近,但如果您只想保留最大高度值,则此处不需要数组。