jQueryで $ is not define エラーが出たときの対処法

Uncaught ReferenceError: $ is not defined

このエラーの原因

jQueryが読み込まれてない段階でjQuery関数を使おうとしているから

僕は、WordPressでjQueryを使おうとしたときにこのエラーに遭遇しましたが、WordPressだとjQuery読み込み後に実行しているのに、  $ is not defined  エラーが起こることもあるそうです。

エラーの解決方法

このエラーの対処法は、いつもjQueryを使う時の下のような記述を書き換えます。

$(function(){
  /** jQueryの処理 */
});

上の記述を下のコードのようにすればエラーは消えます。これで、$を使わずに記述することが出来ます。

window.onload = function(){
  /** jQueryの処理 */
};