スマートフォンやタブレットから見た時だけ、Javascriptを適用したいシーンがありました。 まぁ具体的にはjQueryなんですが。 CSSはMedia Queriesで分けるとして、どうすればいいかしらん。 と思っていたら、あっさり解決。 最初にwindow widthを取得すればいいのねん。 私の場合は、タブレットとスマートフォンへの挙動を同じにしているので、 1024px以下の場合は同じ処理を適用しています。 javascript $(document).ready(function(){ if ($(window).width() < 1024) {//ウインドウサイズが1024px以下ならば $('#id').click(function() {//#idをクリックした時にイベントを適用 //sample script ほげほげ } }); サンプルなんで別に何か動くスクリプト
![スマートフォンからアクセスした時だけJavascriptを適用する | Wakana.me](https://cdn-ak-scissors.b.st-hatena.com/image/square/45944c082985720623ddd8ce496586d1246f4ef7/height=288;version=1;width=512/http%3A%2F%2Fwakana.me%2Fwp%2Fwp-content%2Fuploads%2F2012%2F03%2F900x300_big04.jpg)