将div缩放到相等的高度，需要最大高度

Question

我正在为我正在工作的网站构建响应式日历。 日历可以使用以下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

Answer 1

尝试获取.calBlock的子级的.height（）。 就像是：

.each(function() { maxHeight = Math.max(maxHeight, $(this).children('.events:first').height()); })
.css('min-height',maxHeight+30);