レスポンシブデザインのコーディング時に「スマホの時だけ」「PCでの時だけ」Javascriptを動かしたい時のコード。
var windowWidth = $(window).width(); var windowSm = 640; if (windowWidth <= windowSm) { //横幅640の時に動作させたいJavascriptを記述 } else { //それ以外の場合は何も書かない }
Javascriptは基本ページ読み込み時に動作するので、PCでブラウザの幅を狭めても動きません。
一度、ブラウザを更新する必要あり。
【参考サイト】