javascript - 窗口大小调整事件

Question

var windowWidth = $(window).width();    
function mobileResponsiveCheck(){
    if(windowWidth >= 768){
        box3Responsiveness();
    }else if(windowWidth < 768){
        null;
    }
}

$(window).resize(function(){
    mobileResponsiveCheck();
});
mobileResponsiveCheck();

所以我想在每次用户调整大小以及重新加载时运行 mobileResponsiveCheck() 函数。在调整大小时，如果窗口小于 768px，那么它应该不执行任何操作。但这只有在它小于 768px 后重新加载时才会发生。我想要的是当用户调整大小并在不重新加载的情况下达到 768px 以下时，box3Responsiveness() 停止。

Answer 1

您全局定义了windowWidth。该变量设置一次，即在脚本首次运行时设置。但是，该值在调整大小时不会更改，因为您没有告诉它。要改变这一点，请将变量声明带入函数内。这样，在必要的时候它总是会改变。

function mobileResponsiveCheck(){
    var windowWidth = $(window).width();  
    if(windowWidth >= 768){
        box3Responsiveness();
    }
}

$(window).resize(function(){
    mobileResponsiveCheck();
});
mobileResponsiveCheck();