0

多くの行と列を持つhtml構造があります。ここで、同じ行のすべての列の高さが同じになるようにします。

equalHeight を実行するスクリプトを作成しました。しかし、このスクリプトはすべての列に同じ高さを設定します。以下に、html とスクリプトを示します。

私が間違っていることは何ですか？助けてくれてありがとう！

<div class="row">
    <div class="column">

    </div><!-- /column -->
    <div class="column">

    </div><!-- /column -->
</div><!-- /row -->
<div class="row">
    <div class="column">

    </div><!-- /column -->
    <div class="column">

    </div><!-- /column -->
    <div class="column">

    </div><!-- /column -->
</div><!-- /row -->

function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      thisHeight = $(this).outerHeight();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
};

equalHeight($('.row .column'));
4

1 に答える 1

1

このスクリプトを取るhttp://jsfiddle.net/mmSeU/2/

function equalHeight(group) {
$(group).each(function(i,eachrow) {
       tallest = 0;
                      $(eachrow).children('.column').each(function(j,eachcolumn) {
          thisHeight = $(eachcolumn).outerHeight();
          if(thisHeight > tallest) {
             tallest = thisHeight;
          }
       });
       $(eachrow).children('.column').height(tallest);
    });};equalHeight($('.row'));
于 2013-10-30T11:43:02.350 に答える