div高度匹配问题

Question

我写了一些JavaScript来匹配两列的高度，但是它不起作用。 我想让它尽可能简单，但我不完全了解问题所在。 我附加了javascript片段以及jsfiddle的链接。 如果您的代码有问题，请告诉我。

function matchColumHeights('.column1', '.column2') {

    var column1Height = $('.column1').height();
    var column2Height = $('.column2').height();

    if (column1Height < column2Height) {
        $('.column1').height(column2Height);
    } else {
        $('.column2').height(column1Height);
    }
}

http://jsfiddle.net/hqypw5q2/1/

Answer 1

• 您尚未包括jQuery库（因此您在使用$符号时出现了参考错误）
• 您不调用函数matchColumHeights （并且您的代码未执行）
• 缺少.column2元素（因此，比较无法按预期工作）

附带说明一下，您在CSS中也有一个错字（用loat而不是float ），并且您的父级应大于700px （因为您对列应用了一些边距和填充）

请参见以下示例： http : //jsfiddle.net/0e2vLyvb/2/