Функция jquery пересчитывает высоту при нажатии

Question

У меня есть простая функция, которая вычисляет высоту div. У меня есть размер шрифта расширяющий на моем сайте, и я хочу, чтобы пересчитать высоту, если это будет нажата:

http://jsfiddle.net/tSH2L/

var boxHeight = function($item) { 
     var $this; 
     var heightArray = []; 
     $item.each(function() { 
      $this = $(this); 
      heightArray.push($(this).height()); 
     }); 
     var biggest = Math.max.apply(Math, heightArray); 
     $item.parent('div').children($this).css('height', biggest); 
    } 
    $(function() { 
     boxHeight($('.box')); 
     $('#fontsize li').on('click', function() { 
      boxHeight($('.box')); 
     }); 
    }); 

мне нужно пересчитать высоту, когда пользователь нажал на #fontsize Li , и я хотел сделать это максимально простым. Я не уверен, что вы просто вызываете функцию, но это не работает. Это может быть, как это добавляется в массив

Любая помощь оценили

Answer 1

Эй, может быть, попробовать что-то вроде этого

JS Fiddle Example

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

$item.parent('div').children($this).css('height', biggest);

Этот бит кода не будет работать, я думаю. Попробуйте изменить его на

$item.css('height', biggest);