0

jQuery を学習しようとしていますが、なぜそれがまったく機能しないのかわかりません。以下に示すように、私の index.html はシンプルです。

<!DOCTYPE html>
<html>
<head>
    <title>JQuery Tutorial</title>
</head>
<body>
    $(function() { alert("Hello world!"); });

    <script src="js/jquery-1.8.0.min.js"></script>
</body>
</html>

ローカル マシンで XAMPP を使用して Web サイトをホストしています。ファイル構造は、htdocs の下の次のとおりです。

XAMPP/xamppfiles/htdocs
...
jquerytuts2/
  index.html
  /js
    jquery-1.8.0.js
    jquery-1.8.0.min.js

jQuery は、ブラウザにそのままプレーン テキストで表示されます。これは Chrome、Safari、Firefox で見られ、OSX 10.8.1 を実行する 2012 MacBook Pro を使用しています。

4

3 に答える 3

3

$(function() { ... })ドキュメントにライブラリを含める前に、jQuery DOM Ready メソッド ( ) を使用しようとしています。<script></script>はい、 JavaScript にタグを使用することを忘れないでください。

<!DOCTYPE html>
<html>
<head>
    <title>JQuery Tutorial</title>

    <!-- place your code here: -->
    <script src="js/jquery-1.8.0.min.js"></script>
</head>
<body>
    <!-- and don't forget the tags: -->
    <script>
        $(function() { alert("Hello world!"); });
    </script>
</body>
</html>
于 2012-08-26T17:25:03.847 に答える
3 
<!DOCTYPE html>
<html>
<head>
    <title>JQuery Tutorial</title>
</head>
<body>
    <script src="js/jquery-1.8.0.min.js"></script>
    <script>
    $(function() { alert("Hello world!"); });
    </script>
</body>
</html>

説明: 通常、ドキュメントは上から下に実行されるため、jQuery 自体が読み込まれる前に jQuery コードを実行すると、サイトが爆発します。そうそう、<script>JavaScript コードをタグで囲むのを忘れていました。

編集: さらにアドバイス: そうしない理由がない限り、サイト内の他のものの下に JavaScript を配置してください。これにより、サイトの読み込みが速くなります。これを不要にするスクリプトタグの HTML5 属性があります (理論上)。

于 2012-08-26T17:27:30.353 に答える
0

コードに問題があります.jqueryコードをscriptタグに入れる必要があります

 <!DOCTYPE html>
    <html>
    <head>
        <title>JQuery Tutorial</title>
    </head>
    <body>
<script type="text/javascript">
        $(function() { alert("Hello world!"); });
</script>

        <script src="js/jquery-1.8.0.min.js"></script>
    </body>
    </html>

ノート

jquery ファイルを一番上に置いてから、ready 関数を呼び出す必要はありません。ブラウザーがDOMをレンダリングする方法は、すべての外部ファイルcss、jsなどをダウンロードしてから、インラインタグに移動します。ここでは準備ができているので、ページ内のどこにコードを配置しても影響しません。しかし、同じことを外部のjsファイルに書いて、それをjqueryファイルの前に含めた場合、確かにエラーが発生します..

于 2012-08-26T17:28:25.843 に答える