当媒体查询更改时，销毁Jquery函数

Question

希望你能帮我一把。

我已经在论坛上搜索过了，我想这是一个特例。

我正在构建的项目是由媒体查询(响应)驱动的，我有3列，有时4列需要在等高中。我在Jquery中开发了一个脚本，它工作得很好。见下文

var maxHeight = 0;
function setHeight(column) {
    $(window).load(function () {
        column = $(column);
        column.each(function () {
            if ($(this).height() > maxHeight) {
                maxHeight = $(this).height();
            }
        });

        column.height(maxHeight);
    });
}

setHeight('.package-container .package-3');

但是，当我要使用移动版本，低于767 to 时，如何在无需刷新页面的情况下销毁 this setHeight()函数。

另外，我可以使用enquire.js，javascript媒体查询来完成以下操作，但是如果我直接从桌面/平板电脑转到移动设备，就无法在不刷新的情况下让它正常工作。就像下面这样

enquire.register("(max-width:767px)", {
    match : function() {
        setHeight(null);
    }
}).listen();

Answer 1

这里是我要做的移动第一方法，你不需要担心“摧毁”任何简单的设置高度为自动：

enquire.register("screen and (min-width : 768px)", {
    match : function() {
        // set equal height for columns
        setHeight('.package-container .package-3');
    },
    unmatch : function() {
        // set auto height
        $('.package-container .package-3').height("auto");
    }
}).listen();