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/

div高度匹配问题

1 个答案: