我知道这个问题已经被问了一百万次,但我正在寻找更具体的东西。
由于我的网站是完全响应的,我需要根据每行调整 div 的大小,而不是将所有高度设置为一个高度。
我正在使用以下修改后的代码来设置容器内所有 div 的高度:
$.fn.eqHeights = function() {
var el = $(this);
if (el.length > 0 && !el.data('eqHeights')) {
$(window).bind('resize.eqHeights', function() {
el.eqHeights();
});
el.data('eqHeights', true);
}
return el.each(function() {
var curTop = 0;
var curHighest = 0;
$(this).children().each(function(indx) {
var el = $(this),
elHeight = el.height('auto').outerHeight();
var thisTop = el.position().top;
if (curTop > 0 && curTop != thisTop) {
curHighest = 0;
}
if (elHeight > curHighest) {
curHighest = elHeight;
}
curTop = thisTop;
}).height(curHighest);
});
};
我必须var thisTop = el.position().top;
确定哪些元素在同一行,但不确定如何将同一行中的所有元素设置为最大值?
当前.height(curHighest);
将所有元素设置为相同的高度,无论它们是否在同一行。
感谢您对此的帮助。