jquery - 当窗口大小大于指定宽度时，使两个浮动 div 的高度相等，然后当窗口宽度小于指定宽度时返回原始高度

Question

我有用于均衡 div 的代码，但我对“返回原始高度”部分不知所措。

这是我到目前为止的代码：http: //jsfiddle.net/5fTXZ/1/

jQuery：

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

// change to original height of columns
function originalHeight(group) {
    // not sure what to put here
}

// change height based on windows size
function checkWindowSize() {
    if ($(window).width() > 767) {
        equalHeight($(".col"));
    } else {
        originalHeight($(".col"));
    }
}

jQuery(document).ready(function ($) {
    $(window).resize(checkWindowSize);
    checkWindowSize();
});

您可以查看是否更改了输出的窗口大小，当宽度大于 767 像素时，div 的高度将相等。如果你把它改回宽度低于 767 像素，它只会调用我还没有弄清楚的空函数。

Answer 1

工作 jsFiddle 演示

只需height从元素中删除：

function originalHeight(group) {
    group.css('height', '');
}