web-dev-qa-db-ja.com

ReferenceError：変数が見つかりません：$

JQueryを使用しています。これは私のメインページの私のコーディングです：

<script type="text/javascript" src="script.js"> 
</script>

私のscript.jsは：

$(document).ready(function(){    
     $("#title").click(function () {
        alert("Works!");
    });
});

私の完全なコーディングはここにあります： http://pastie.org/8676656 。

ブラウザのツールを使用して、javascriptコードにエラーが見つかりました。

ReferenceError: Can't find variable: $

オンラインで：

$(document).ready(function() {

任意の助けをいただければ幸いです。

javascriptjqueryhtmlreferenceerror
13
Cheetaiean

JQueryを使用する前にインポートする必要があります。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

プロトコルとして//を使用していることに注意してください（http://やhttps://ではありません）。つまり、.htmlファイルがhttp://サーバーにある場合は、http://ajax.google...からjQueryを取得し、https://サーバーにある場合は、https://ajax.google...サーバーから取得します。


注：開発中に、サーバーではなくブラウザでHTMLファイルを開く場合、プロトコルを指定する必要があります。 この回答 のように、それ以外の場合は動作しません：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

また、可能であれば、</body>を閉じる直前に、ページの下部に.jsファイルを配置する必要があります。詳細は こちら をご覧ください。

21
acdcjunior

コードの前にjQueryをインポートする

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"><script>
3
Geo

スクリプトの前にjQueryを含めます

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script>
2
Satpal