jquery - 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 小提琴示例

我没有专门调试您的代码，但如果我不得不猜测出了什么问题，我会说您在尝试使用此行设置高度时定位错误的元素，

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

我认为那段代码行不通。尝试将其更改为

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