jQuery - 根据屏幕大小执行脚本

Question

如果屏幕/设备大小超过xxx像素宽,是否可以只运行某些jQuery脚本？

因此,例如,当人们在大于1024px的设备上查看网站时,我只想播放幻灯片.如果有人在手机上访问我只想让所有图像叠加在一起...

Answer 1

您可以使用 $(window).width()

if($(window).width() >= 1024){
  // do your stuff
}

最好为 $(window).width() 提供一个单独的变量，以便在需要时能够重新使用它：`var windowWidth = $(window).width()`。 (2认同)

Answer 2

如果要在调整窗口大小后检查宽度大小,则:

$(window).resize(function() {
    if( $(this).width() > width ) {
        // code
    }
});

Answer 3

if (matchMedia('only screen and (max-width: 480px)').matches) {
  // smartphone/iphone... maybe run some small-screen related dom scripting?
}