jquery - $(window).resize 函数实时

Question

我有这个问题，我需要脚本应该在实时工作 当我调整浏览器窗口大小小于 340 像素时，警报窗口小于 340 像素 当 $(window) 大小小于 340px 或大于 340px 时，这种情况只会发生一次 每次调整大小都应小于 340px 或以上

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

Answer 1

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

您还需要测试窗口的宽度，可以使用.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();