MENU

ウィンドウサイズによってjQueryの記述を変える

レスポンシブでホームページを作るとき、ウィンドウサイズによってcssを切り替えます。

jQueryも変えたい時ってありますよね。

 

ウィンドウサイズによってjQueryを切り替えたい時は下記のコードを。

 

//ウインドウサイズの横幅によって条件分岐する
var windowWidth = $(window).width();
var windowSm = 640;
if (windowWidth <= windowSm) {
    //横幅640px以下のとき(スマホサイズ)の処理を書く
} else {
    //横幅640px以上のとき(タブレット・PCサイズ)の処理を書く
}
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次