スマートフォンからアクセスした時だけJavascriptを適用する | Wakana.meスマートフォンやタブレットから見た時だけ、Javascriptを適用したいシーンがありました。 まぁ具体的にはjQueryなんですが。 CSSはMedia Queriesで分けるとして、どうすればいいかしらん。 と思っていたら、あっさり解決。 最初にwindow widthを取得すればいいのねん。 私の場合は、タブレットとスマートフォンへの挙動を同じにしているので、 1024px以下の場合は同じ処理を適用しています。 javascript $(document).ready(function(){ if ($(window).width() < 1024) {//ウインドウサイズが1024px以下ならば $('#id').click(function() {//#idをクリックした時にイベントを適用 //sample script ほげほげ } }); サンプルなんで別に何か動くスクリプト
