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);