0

私は現在、HTML5BPについていくつか疑問に思っています...

JQuery モバイルと JQuery UI を含めたいのですが、これが正しい方法かどうかわかりません。

<body>
    <!-- scripts and fallback to local -->
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script src="//code.jquery.com/mobile/latest/jquery.mobile.js"></script>
    <script src="//code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery.mobile.min.js"><\/script>')</script>
    <!-- end scripts and fallback to local -->

    <!-- scripts concatenated and minified via ant build script-->
    <script src="js/plugins.js"></script>
    <script src="js/script.js"></script>
    <!-- end scripts concatenated and minified via ant build script-->

よくわからないのは、プロキシの背後にいてインターネットへのアクセスが許可されていない場合、ローカルのフォールバックが機能することを期待しているのですが、そうではないということです。認証エラーが発生し、ページが読み込まれません。

これは正しく含める方法ですか？

頭の中で私はプリフェッチします： 

   <link rel="dns-prefetch" href="//code.jquery.com" />

ありがとう！

4

2 に答える 2

1

ここでまだサポートを探しているかどうかはわかりませんが、ここに行きます。あなたの dns-prefetch は正しく、スクリプトの読み込みは基本的に2つの問題で正しいです:

  1. フォールバック用に jQuery がロードされていることを確認するだけです。これは、jQuery が正しく読み込まれるが、何らかの理由で jQuery UI または Mobile が機能しない場合、それらのフォールバックが機能しないことを意味します。同じ場所からロードしているため、可能性はまったくありませんが、それでも...
  2. あなたの注文は間違っています。それぞれの直後に確認する必要があると思います-混乱が減るだけです。また、読み込み順序を台無しにすることも難しくなります。jQuery が最初に読み込まれないと、以下のモバイル検出でエラーが発生する可能性が高くなります...

以下のコードを修正しました。モバイル検出は私自身の発明であることに注意してください (過去 5 分間)。動作していますが、堅実な素晴らしさを保証することはできません!

<body>
    <!-- scripts and fallback to local -->
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
    <script src="//code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
    <script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script>
    <script src="//code.jquery.com/mobile/latest/jquery.mobile.js"></script>
    <script>window.$.mobile || document.write('<script src="js/libs/jquery.mobile.min.js"><\/script>')</script>
    <!-- end scripts and fallback to local -->

    <!-- scripts concatenated and minified via ant build script-->
    <script src="js/plugins.js"></script>
    <script src="js/script.js"></script>
    <!-- end scripts concatenated and minified via ant build script-->
于 2011-10-11T10:26:20.587 に答える