在窗口大小调整时使高度相等的函数可调整大小

Question

我们创造了一个非常基本的相等高度功能,而后卫效果很好.但是,我们的任务是在调整窗口大小时调整列高度.它被实现为响应式,流畅的设计.但是那些不明白典型的响应用例并没有将你的浏览器拖到整个地方以接受特定断点的权力.

无论如何,在这里得到jsfiddle的标记和js设置.http://jsfiddle.net/J6uaH/3/

只是不能完全包围我的大脑将窗口调整大小元素添加到高度.任何人都可以提供的帮助将非常感激,如果有这样的事情,会给予超级英雄奖励积分!

Answer 1

为什么不直接向窗口的resize事件添加一个事件监听器来重新计算元素的高度？

但是因为您已经为元素设置了固定高度,所以需要重置两个元素的高度以获得新的最大大小.

尝试添加:

$(window).resize(function(){
    $('.group .module').css('height','auto');
    $('.group .module').equalHeight();
});

在firefox工作.这基本上对每个窗口调整大小做了什么: