如果屏幕宽度小于 960 像素，请执行某些操作

javascript jquery

2022-08-30 00:27:04

如果我的屏幕宽度小于960像素，如何让jQuery做一些事情？下面的代码始终触发第二个警报，无论我的窗口大小如何：

if (screen.width < 960) {
    alert('Less than 960');
}
else {

    alert('More than 960');
}

答案 1

使用 jQuery 获取窗口的宽度。

if ($(window).width() < 960) {
   alert('Less than 960');
}
else {
   alert('More than 960');
}

答案 2

您可能希望将其与调整大小事件结合使用：

 $(window).resize(function() {
  if ($(window).width() < 960) {
     alert('Less than 960');
  }
 else {
    alert('More than 960');
 }
});

对于 R.J.：

var eventFired = 0;

if ($(window).width() < 960) {
    alert('Less than 960');

}
else {
    alert('More than 960');
    eventFired = 1;
}

$(window).on('resize', function() {
    if (!eventFired) {
        if ($(window).width() < 960) {
            alert('Less than 960 resize');
        } else {
            alert('More than 960 resize');
        }
    }
});

我尝试 http://api.jquery.com/off/ 但没有成功，所以我使用了eventFired标志。