javascript - 一个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/