jQuery - 画面サイズに基づいてスクリプトを実行する

Question

画面/デバイスのサイズがxxxピクセル以上の場合、特定のjQueryスクリプトを実行することは可能ですか？

たとえば、1024pxを超えるデバイスでサイトを閲覧しているときにのみスライドショーを実行したいとします。誰かがモバイルにアクセスすると私はすべての画像が互いの上に積み重ね表示したい...

Answer 1

あなたはまた、検討するかもしれない$(window).width()

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

デモ--->http://jsfiddle.net/fh2eC/1/

Answer 2

を使用することができますライブラリのようにhttps://github.com/paulirish/matchMedia.js/

Answer 3

ウィンドウのサイズを変更した後で幅のサイズを確認したい場合：

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

Answer 4

あなたはそれがサイズごとに10ミルをチェックするために、その後の間隔を設定する機能を使用することができます.......ここ ....

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

setInterval(change, 10);