jQuery - 根据屏幕尺寸执行脚本

Question

如果屏幕/设备大小高于xxx像素宽度，是否可以只运行某些jQuery脚本？

因此，例如，我只想在人们在大于1024像素的设备上查看网站时运行幻灯片。如果有人在移动我只是希望所有的图像显示器堆放在彼此顶部...访问

Answer 1

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

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

演示--->http://jsfiddle.net/fh2eC/1/

Answer 2

你也可以考虑一个像https://github.com/paulirish/matchMedia.js/

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

Answer 3

如果你想检查宽度尺寸库窗口的大小后，则：

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

Answer 4

可以使用的功能，然后设置的时间间隔为它检查大小，每10磨机....... 这里....

function change(){ 
document.getElementById("p").innerHTML = window.innerWidth; 
} 

setInterval(change, 10);