4

新しい HTML5 プロジェクトを開始し、modernizr.js を使用する

modernizr docs ページで、次を使用できると書かれていることに気付きました。

Modernizr.load([
  {
    load: '//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js',
    complete: function () {
      if ( !window.jQuery ) {
            Modernizr.load('js/libs/jquery-1.6.1.min.js');
      }
    }
  }
]);

だから私のHTMLにはこれがあります：

<script src="scripts/modernizr-2.0.6.js"></script>
<script>
Modernizr.load([
    {
        load: 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js',
        complete: function () {
            if ( !window.jQuery ) {
                        Modernizr.load('scripts/jquery-1.6.1.min.js');
            }
        }
    }
]);
</script>

しかし、firebug を見ると、jquery がロードされていません。

ここで明らかな何かが欠けていますか？

乾杯、アディ

4

3 に答える 3

8

Modernizr は小さなライブラリであり、ロードと実行が迅速に行われます。もちろん、スクリプトも並行してロードされるため、使用することをお勧めします。エラーについては、URL から https: を削除して、例のように試してください。

于 2011-06-24T17:05:29.917 に答える
1

私は同じ問題を抱えていて、Adi はここでそれを解決したので、一部の人々にとって Modernizer.load が機能しない理由は次のとおりです。

こんにちはToyDaVirusです。問題は、開発バージョンがローダーを使用していないことでした。コメントの一番上に '* Modernizr には、Yepnope.js (yepnopejs.com) に基づいて、Modernizr.load() と呼ばれるオプションの (含まれていない) 条件付きリソース ローダーがあります。Modernizr.load() を含むビルドを取得し、含めるテストを選択するには、www.modernizr.com/download/ にアクセスしてください。そこからダウンロードするだけで問題ありません:)

于 2013-01-20T11:59:22.580 に答える
0

以下のコードを前に置く

Modernizr.load([
                {
                    test: Modernizr.mq('(min-device-width: 320px) and (max-device-width: 728px)'),
                    yep : ['mob.css', 'jquery.mobile-1.1.0.css', 'jquery.mobile-1.1.0.js'],
                    nope : 'pc.css'
                }
            ]);

このようにして、css、js などの複数のファイルをロードできます

于 2012-05-19T10:35:54.640 に答える