jQuery 调整 Div 响应大小

Question

我正在尝试制作一个脚本来完成高于特定分辨率的等高功能。

一旦低于该分辨率，我希望脚本关闭，因为等高列在网站的移动版本上消失。

我希望它也能在调整大小时执行。到目前为止，这是我的代码。这根本行不通。

拉伸(stretch)函数确实并且已经在检查宽度函数之外进行了测试。

这是我的代码:

独创拉伸(stretch)功能

$(document).ready(function () {
    var $stretch = $(".eq");
    $stretch.animate({ height: $stretch.parent().height() }, 300 );
});

调整大小功能不起作用

$(document).ready(function() {
    // Optimalisation: Store the references outside the event handler:
    var $window = $(window);
    var $stretch = $("#narrow")
    var $stretch2 = $(".eq")

    function checkWidth() {
        var windowsize = $window.width();
        if (windowsize > 440) {
            //if the window is greater than 440px wide then turn on jScrollPane..
            $stretch.animate({ height: $stretch.parent().height() }, 800 );
            $stretch.animate({ height: $stretch2.parent().height() }, 300 );                
        }
    }
    // Execute on load
    checkWidth();
    // Bind event listener
    $(window).resize(checkWidth);
});

我该怎么做？

Answer 1

对于jquery部分

$(window).resize(function() {
    // do your stuff here

    checkWidth();
});

如果您将媒体查询与 js 结合使用，请记住，由于滚动条，媒体查询宽度和 $(window).width() 是不同的。