jqueryプラグインについて質問です。

Question

mikomeko

10

10もっと見る

300pt

ウェブ制作

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でも動いてほしいです。

皆様宜しくお願い致します。

回答の条件

1人5回まで

登録：2011/08/07 12:31:16
終了：2011/08/07 14:28:12

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

Cherenkov 2011/08/07 13:46:07

スクリプトのパスを確認してください。
正しくは
'js/beautifulJapanese.js'
ではないでしょうか。
Cherenkov 2011/08/07 13:56:27

先ほど確認したところ、
http://xn--kdkh3fr37rjx9awkya.com/design-demo/js/beautifulJapanese.js
にしてファイルが見つかったので'js/beautifulJapanese.js'なはずです。
F5リロードしてみてください。
Cherenkov 2011/08/07 13:57:08

Ctrl+F5
Cherenkov 2011/08/07 14:00:14

どうなると成功かわかりませんが、
document.getElementsByTagName('head')[0].appendChild(script);
を
//document.getElementsByTagName('head')[0].appendChild(script);
alert(url);
に変えてウィンドウサイズによる切り替えの確認をするとどうでしょうか。
Cherenkov 2011/08/07 14:14:21

function loadScript(url) {
var script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
setTimeoutを消してみてください。

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2011-08-07T13:08:05+09:00

これでどうですか。

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);
}

jqueryプラグインについて質問です。

ベストアンサー

Cherenkov15044932011/08/07 13:08:05

コメント（5件)

この質問への反応（ブックマークコメント）