Как снова выполнить функцию?

Question

[Николай Колесниченко]

Здравствуйте!
У меня есть макет с двумя равными по высоте колонками, колонки равняются функцией

function setEqualHeight(columns)
{
    var tallestcolumn = 0;
    columns.each(
        function()
        {
            currentHeight = $(this).height();
            if(currentHeight > tallestcolumn)
            {
             tallestcolumn = currentHeight;
            }
        }
    );
    columns.height(tallestcolumn);
}

Я вызываю её при загрузке страницы в document ready. Однако при нажатии на кнопку содержимое левой коолонки увеличивается и соответственно все ломается.
Пробовал так:

$( '.button' ).click(function()
       {
          setEqualHeight($(".content > div"));
      });

Но не срабатывает :( Подскажите что я делаю не так?

Comments

[Алексей Уколов]

Покажите полный код, а лучше выложите демо на jsfiddle.

[Николай Колесниченко]

5 минут.

[Николай Колесниченко]

Алексей Уколов: Как то так. https://jsfiddle.net/ma9pdnv7/
Не понимаю как растянуть оба блока в соответствии с новой высотой левого блока.

[Николай Колесниченко]

Точнее даже так. Как пересчитать высоту блоков.

[Виталий Инчин ☢]

Почему просто не использовать display: flex;
?

[Андрей Чернышев]

Я к сожалению сейчас плохо соображаю, но вызывать функцию чтобы вызвать функцию это явно сильный ход)

$('.button').click("myparam", setEqualHeight);
var setEqualHeight = function(evt) {
  console.log(evt.data); // 'myparam'
};

Далее в setEqualHeight в качестве аргумента приходит event, в котором есть поле data, содержащее в данном случае строку myparam.

[Алексей Уколов]

Видно, же, что функция setEqualHeight ожидает в качестве аргумента коллекцию элементов, а не объект события. Вот переделывать функцию - это как раз перебор.

[Николай Колесниченко]

Набросал в jsfiddle что я имею ввиду. Задача после нажатия на кнопку обновить высоту блоков.
https://jsfiddle.net/ma9pdnv7/

Answer 1

[Алексей Уколов]

Проблема в том, что во второй раз высота колонок задана уже явно, она и берется при расчете.
Чтобы этого не происходило, нужно сбросить высоту на автоматическую:
$(this).height('auto');
Пример

Comments

[Николай Колесниченко]

Да, это работает! Большое спасибо! :)