2016-05-20 15 views
0

こんにちは私はすべてのdivの高さをコンテンツに応じて常に同じ高さ(クラス高さ固定)にする方法に問題があります。単に1つのdivにコンテンツを追加するだけで、残りの部分は高さを調整します。別のdivsの高さに応じてJqueryの高さがあります

http://codepen.io/anon/pen/wGLmdb

var maxHeight = 0; 
    $(".height-fix").each(function(index){ 
    if($(this).height() > maxHeight) { 
     maxHeight = $("this").height(); 
    } 
    }); 

    $(".height-fix").height(maxHeight); 
    console.log(maxHeight); 


    <div class="container"> 
      <div class="row"> 

      <div class="col-xs-3"> 
       <div class="jumbotron height-fix"> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       </div> 
      </div> 

      <div class="col-xs-3"> 
      <div class="jumbotron height-fix"> 
       <p>lorem</p> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       </div> 
      </div> 

      <div class="col-xs-3"> 
       <div class="jumbotron height-fix"> 
       <p>lorem</p> 
       </div> 
      </div> 

      <div class="col-xs-3"> 
       <div class="jumbotron height-fix"> 
       <p>lorem</p> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       </div> 
      </div> 

      </div> 

     </div> 
+0

DEMO私はあなたがツール間違って選んだと思います。これはCSS3によって[flexboxes](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes)で簡単に実現できます。 – Farside

答えて

0

Relpace

のmaxHeight = $( "この")の高さ()。

のmaxHeight = $(この).height();

+0

wtf:私はそれがあなたをたくましく思います – george

0

コードを少し変更するだけです。 codepen

var maxHeight = 0; 
$(".height-fix").each(function(index){ 
if($(this).height() > maxHeight) { 
maxHeight = $(this).height(); 
} 
}); 

$(".height-fix").height(maxHeight); 
関連する問題