Question

我有这个问题，我需要script应该在实时工作当我调整浏览器窗口小于340px时，警报窗口小于340px 当$(window)大小小于340px或更大340px时，它应该只发生一次它应该是每个调整大小小于340px或更多

if($(window) < 340){
     alert("window is less than 340px");
    }else{
    alert("123");
    }

Answer 1

每当调整窗口大小时，您都需要进行此检查。为此，有resize事件。

您还需要测试window的宽度，您可以使用.width()方法获取此值。

我已为alert()更改了console.log()，因为每次光标在调整大小时移动像素时都会调用此功能。 alert()将删除光标焦点。

在附加事件处理程序以使此函数运行初始页面加载后，我还触发了resize事件。

$(window).resize(function(){
    var $win = $(this);
    if($win.width() < 340){
        console.log("window is less than 340px");
    } else {
        console.log("123");
    }
}).resize();

Answer 2

$(window).resize(function(){
if($( window ).width() < 340){
alert("window is less than 340px");
}else{
console.log('more 340px');
}
});

Answer 3

只需使用Jquery $（window）.resize（）函数

$(window).resize(function(){
    if($(window).width() < 340){
         alert("window is less than 340px");
    }
    else{
        alert("123");
    }
});

实时的$（window）.resize函数

3 个答案: