必要な最大高さと同じ高さにdivをスケールする

Question

私が取り組んでいるサイトに対して反応的なカレンダーを作成中です。カレンダーは、divを同じ高さに設定するために、次のjavascriptを使用して細かくスケールします。

$(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);