MENU

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

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

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

 

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

 

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

この記事を書いた人

40代webクリエイター
1人が好き、家が好き、副業と投資でお金貯めてます
31歳で貯金200万円、41歳で2000万円、43歳で2400万円達成中

コメント

コメントする

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

目次