jquery函数在点击时重新计算高度

时间:2013-05-06 01:10:09

标签: jquery function height

我有一个简单的函数来计算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,我需要重新计算高度,我希望尽可能简单。我不确定你是否只是调用该功能,但这不起作用。它可能是如何添加到数组

任何帮助表示赞赏

1 个答案:

答案 0 :(得分:0)

嘿,也许可以尝试这样的事情

JS Fiddle Example

我没有专门调试你的代码,但如果我不得不猜测出了什么问题我会说当你尝试用这条线设置高度时,你会瞄准错误的元素,

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

这段代码不会让我觉得有用。尝试将其更改为

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