WEB帳
jQueryでウィンドウサイズを取得してレスポンシブする方法

レスポンシブでサイト制作をしているとPC版とスマホ版で使い分けたいjQueryなどがある場合があります。
そんな時にcss同様にウィンドウサイズによってjQueryの処理を振り分けるコードです。

JS

<script>
$(window).resize(function(){
    var w = $(window).width();
    var x = 500;
    if (w <= x) {
        // スマホ時の処理
    } else {
        // ＰＣ時の処理
    }
});
</script>

【参考Webサイト】

• jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

コメント（0件）

jQueryでウィンドウサイズを取得してレスポンシブする方法に対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。

【ソーシャルボタン】

• 
• Tweet