WordPressでjQueryが動かないときの対処法

当サイトのリンクには広告が含まれています。
目次

問題の状況

親テーマや子テーマを作成の際にwp_enqueue_script('jquery');を使用してjQueryを読み込んでも動かない。
確認したところ、ブラウザのコンソールにエラーメッセージとして以下が表示される。

Uncaught TypeError: $ is not a function

対処方法

jQueryの開始を以下のようにする。

jQuery(function($){
  //ここに処理を書く
});

jQueryで使用する「$」がWordPressでは未定義になっていることが原因。
なので上記コードのように、再定義してあげる必要がある。

目次