jqueryプラグインについて質問です。
ウィンドウサイズに合わせて最適なスタイルシートを適用するスクリプト
Adapt.js
ttp://adapt.960.gs/
ttp://coliss.com/articles/build-websites/operation/javascript/js-adapt.html
というのがあるのですが、これのｊｓ版、
・～700pxまでは非適応(項目では必要ない)
・700～900pxまでは＝xxx01.js
・900px~＝xxx02.js
といった具合にカスタム（あるいはもっと単純な処理に）することは可能でしょうか？
Media Queries使用時に狭いブラウザの場合適応させたくないjsがあり、
Adapt.js同様、IE6でも動いてほしいです。
皆様宜しくお願い致します。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
Cherenkov
満足300pt
これでどうですか。
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0; if (width >= 700) { if (width < 900) loadScript('xxx01.js'); else loadScript('xxx02.js'); } function loadScript(url) { var script = document.createElement('script'); script.charset = 'utf-8'; script.src = url; setTimeout(function() { document.getElementsByTagName('head')[0].appendChild(script); }, 1); }
-
mikomeko
-
mikomekoその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2011-08-07 12:31:16
- 終了日時
- 2011-08-07 14:28:12
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
imac(0S10,95)でダウンロードした映像データが削除できない問題 削除したい映像データベー…
iquestion
1
-
既婚者なのに気になる人がいます。 職場で気になる女性がいます。 30代半ば一児の父になります。 恥を忍ん…
匿名質問者2
-
家から離れた場所に親に内緒で買い物に行きたいです。【片道電車で1時間ぐらいです】 ちなみに自分は小学生…匿名質問者1
-
はてな最終ベストアンサー ～ The Last of Best Anser in Hatena ～ あなたの自薦他薦ベストアンサーを…
adlib
1
-
iPhoneを使っています。 LINE の通知音、着信音（無料電話）、 送信音（シュポッ）、を鳴らない・方法は何…匿名質問者1
正しくは
'js/beautifulJapanese.js'
ではないでしょうか。
http://xn--kdkh3fr37rjx9awkya.com/design-demo/js/beautifulJapanese.js
にしてファイルが見つかったので'js/beautifulJapanese.js'なはずです。
F5リロードしてみてください。
document.getElementsByTagName('head')[0].appendChild(script);
を
//document.getElementsByTagName('head')[0].appendChild(script);
alert(url);
に変えてウィンドウサイズによる切り替えの確認をするとどうでしょうか。
var script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
setTimeoutを消してみてください。