jQuery Equal Heights of Divs

Question

У меня есть две колонки, в которых есть перетаскиваемые и отбрасываемые div. Я использовал этот код:

`//Equal Height Divs 
     function equalHeight(group) { 
      var tallest = 0; 
      group.each(function() { 
       var thisHeight = $(this).height(); 
       if(thisHeight > tallest) { 
        tallest = thisHeight; 
       } 
      }); 

      group.each(function() { 
       $(this).css("min-height", tallest); 
      }); 
     }` 

, чтобы убедиться, что чем больше дивы добавляют в одну колонку, а высота колонны становится больше так будет высота второго столбца.

Однако я не знаю, как отменить это так, чтобы, если я удаляю вещи из одного столбца, а высота div обоих столбцов должна быть меньше. Я знаю, что я усложненное это так любую помощь, чтобы разобраться в моем замешательстве здесь было бы оценен, Благодаря

Answer 1

Просто добавьте $(this).css("height", "");, чтобы сбросить атрибут высоты CSS, так что высота не будет больше, чем это необходимо. Без множества height собственности, элемент будет сжиматься до минимальной высоты:

function equalHeight(group) { 
     var tallest = 0; 
     group.each(function() { 
      $(this).css({height:"", "min-height":""}); 
      var thisHeight = $(this).height(); 
      if(thisHeight > tallest) { 
       tallest = thisHeight; 
      } 
     }); 

     group.each(function() { 
      $(this).css("min-height", tallest); 
     }); 
    } 

Answer 2

Я думаю, что я понимаю ваш вопрос только в такой степени. Если вы пытаетесь установить высоту элементов с высотой наивысшего элемента, вы можете использовать этот код. Предполагается, что элементы, над которыми вы работаете, имеют один класс.

var maxHeight = Math.max.apply(null, $('.common_classname').map(function() { 
       return $(this).height(); 
     }).get()); 

$('.common_classname').height(maxHeight);