我正在为我正在制作的网站构建自适应日历。日历使用以下javascript进行缩小以保持div设置为相同的高度。
$(function(){
var equalHeight = function() {
$(".calBody").each(function(){
var maxHeight = 0;
$(this).children(".calBlock")
.each(function() { maxHeight = Math.max(maxHeight, $(this).height()); })
.css('min-height',maxHeight);
});
}
equalHeight();
$(window).resize(function(){equalHeight()});
});
这使得列保持良好,甚至从一开始就缩小,但是当你开始缩放时,它保持div的最大高度,使它们处于最高位置。
任何关于让它们扩展的想法,只能达到最高的div上下缩放所需要的高度?
这是一个实际操作的jsfiddle:jsfiddle.net/7n4VH/1
答案 0 :(得分:1)
尝试获取.calBlock子项的.height()。类似的东西:
.each(function() { maxHeight = Math.max(maxHeight, $(this).children('.events:first').height()); })
.css('min-height',maxHeight+30);