0

HTML と CSS は正常に動作していますが、Webstorm で .js ファイルをリンクして使用することができません。

私はライブ編集作業をしています。デバッガー コンソールでは、次のように表示されます。

Uncaught ReferenceError: $ is not defined script.js:3 script.js:3

「3」は.jsファイルの3つの$を参照していると思います。

Webstorm の設定で、jQuery-2.0.0 をグローバルに有効にしています。jquery-1.7.1 を試しましたが、まだ同じ問題があります。

関連する 3 つのファイルがあります。可能な限り全体像を示すために、それらをすべて含めています。それらはすべて同じプロジェクト ファイルにあります。ここに私のコードがあります -

webpage.html:

<!DOCTYPE html>
<html>
    <head>
        <title>For Testing</title>
        <link type="text/css" rel="stylesheet" href="stylesheet.css">
        <script type="text/javascript" src="script.js"></script>
    </head>

    <body>
        <div>
            <p>
                Random text
            </p>
        </div>
    </body>

</html>

スタイルシート.css:

div {
    height: 18px;
    width: 100px;
    background-color: orange;
}

script.js

$(document).ready(function(){
   $("div").onmouseover(function(){
      $("div").css("background-color", "green")
   });
});

簡単な初心者向けの解決策があると思いますが、私はプログラミングが初めてで、Webstorm は少し圧倒されます。サイトで解決策を確認しましたが、うまくいく答えを見つけることができませんでした。

4

3 に答える 3

1

「Webstorm」が何であるかはわかりませんが、HTML には jQuery ライブラリへの参照が含まれていません。$が定義されている場所です。

既存の<script>タグの上にある次の場所:

 <script type="text/javascript" src="[ PATH TO JQUERY ]"></script>
于 2013-08-29T22:34:16.507 に答える
1

これらの変更を反映するように HTML を更新します。

<!DOCTYPE html>
<html>
    <head>
        <title>For Testing</title>
        <link type="text/css" rel="stylesheet" href="stylesheet.css">
        <script type="text/javascript" src="script.js"></script>
        <!--Add this line below which will add the jquery library-->
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    </head>
    <body>
        <div>
            <p>
                Random text
            </p>
        </div>
    </body>
</html>
于 2013-08-29T23:01:37.103 に答える