javascript - 将高度添加到另一个 Div

Question

我在每次点击我的 div 标题时添加 50px，并且我想让我的 div main 在标题大于它时具有与标题相同的高度。

我不知道为什么它不起作用。

我有这个脚本

$(function () {
    var alturaHeader = $('header').height();
    var alturaMain = $('.main').height();

    $('button').click(function(){
        $('header').height(function(index, height){
            return (height + 50);
        });

        console.log(alturaHeader);

        if (alturaMain < alturaHeader) {
            alert("test");
            $('.main').css({'min-height': alturaHeader });
        }
    }); 
});

有什么建议吗？

JS fiddle :http://jsfiddle.net/JWf7u/ 谢谢。

Answer 1

有你fiddle code每次更改时都应更新 div 的高度。

    var alturaHeader = $('header').height();
    var alturaMain = $('.main').height();

    $('button').click(function(){
        $('header').height(function(index, height){
            return (height + 50);
        });

        alturaHeader = $('header').height()
        if (alturaMain < alturaHeader) {
            $('.main').css({'min-height': alturaHeader });
        }
    });