Question

我使用此函数来匹配高度 - 但是当一列高度增加时，我遇到了问题。我最简单的例子是“左栏”是旁边，“右栏”是表格。

<!doctype html>
    <head></head>
    <body>
        <div id="contain">
             <aside class="column">aside stuff</aside>
             <div id="formContain" class="column">
                <div id="msgBox"></div>
                form stuff here
            </div>
        </div>
    </body>
</html>

我正在使用errorLabelContainer-＃msgBox来返回表单验证错误。当有错误时，内容被插入#msgBox并且div＃formContain的内容高度增长 - 但由于高度已经通过js函数设置，div＃formContain的高度没有，内容溢出div的边界#msgBox。当我删除js函数时，div＃formContain的高度随其内容扩展，所以我知道它不是一个清除问题。

我的问题是，如何让这个功能动态地重新计算高度？

function equalHeight(group) {
    tallest = 0;
    group.each(function() {
                        thisHeight = $(this).height();
                        if(thisHeight > tallest) {
                            tallest = thisHeight;
                        }
                    });
    group.height(tallest);
}

$(function() {
             equalHeight($('.column'));
             });

Answer 1

为什么不在注入错误文本时调用equalHeight($('.column'));？

使等高功能更新

1 个答案: