1

このコードでオンライン エディターを使用しているときに気付きました。

<!DOCTYPE html>
<html>

    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
           $(document).ready(function () {
              $("button").click(function () {
                  $("p").hide();
              });
           });
        </script>
        <script>

        </script>
    </head>

    <body>
         <h2>This is a heading</h2>

        <p>This is a paragraph.</p>
        <p>This is another paragraph.</p>
        <button>Click me</button>
    </body>

</html>

そのコードとすべてがオンライン エディターで問題なく動作しますが、HTML ファイルに直接コピーされた同じコードを追加しても、期待どおりの結果が得られません。私は何を間違っていますか？jsfiddle でも動作しますが、なぜ純粋なソース (上記) が動作しないのか疑問に思っています。jQueryを扱っているWebサイトで見つけたすべてのコード例でこのようになっています。

4

3 に答える 3

6

プレフィックスを使用してスクリプトの URL を指定する//と、ブラウザーは現在のドキュメントのプロトコルを自動的に適用します。file:

これを解決するには、Web サーバー (例: apache) から実行するかhttp://、jquery スクリプト URL のプレフィックスとして使用します。

于 2013-05-23T17:22:59.390 に答える
0

以下から jQuery を取得しようとするためです。

file://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
于 2013-05-23T17:22:58.903 に答える
-1

Web サーバーなしで、またはなしで開発している場合はhttps://機能しません。http://

そのファイルをサーバーにアップロードすると、うまくいきます。

HTTTypo?

上記のリンクから：

プロトコルレス リファレンスを使用する際に留意すべき主な注意点は、file:/// 経由でロードされたページ (つまり、ディスクからブラウザに直接ロードした HTML ページ) では失敗することです。そのため、Web サーバーをまったく使用せずに開発する場合は、必ず URL に http: プロトコルを含めてください。それ以外の場合は省略してもかまいません。

于 2013-05-23T17:20:30.090 に答える