Uncaught ReferenceError: $ is not definedって何?

新規サイトのHTMLマークアップ時に、JQueryが動かないなと開発者モードのコンソールを眺めると、なにやらエラーが発生。

結論からいうと、JQueryが正しく読み込めていないので、関数実行できまへんがな。という警告です。

 

ReferenceError: “x” is not defined

JavaScript の例外 “variable is not defined” は、どこかで参照している変数が存在しない場合に発生します。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Errors/Not_defined

 

ひとつやふたつの場合は、関数が参照できていないとか、JQueryの読み込み順番などが主に原因になりやすいです。

 

一挙にたくさん出るときは、あきらかにJQueryファイルが読み込まれていません。

 

今回のケースではjquery2-0-0.min.js(きつきつにコードを詰めたタイプ)を呼び出していたのですが、実際にはjquery2-0-0.js(コードがきちんと整列されているタイプ)がjsフォルダ内に配置されていたというオチ。

ひとつひとつ手直ししなくていけないかと恐れおののいていたところ、JQueryファイルを参照しなおしたところ一挙に解決しましたとさ。めでたしめでたし。