將div縮放到相等的高度，需要的最大高度

我正在爲正在製作的網站構建響應日曆。日曆使用下面的JavaScript縮小罰款，以保持divs設置爲相同的高度。將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

來源

2012-04-24 projectxmatt

你能否顯示一些標記？更好的將是一個jsFiddle – 2012-04-24 15:11:49

這是我能做的最好的，因爲它是動態生成的，不想修改一堆代碼來添加空格和製表符：http://jsfiddle.net/7n4VH/1/ – projectxmatt 2012-04-24 15:18:10

嘗試讓.calBlock的兒童.height（）代替。例如：

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

來源

2012-04-24 15:48:39 Celos

完美！謝謝！ – projectxmatt 2012-04-24 16:46:31

將div縮放到相等的高度，需要的最大高度

回答

相關問題