TypeError: $ is not a function エラー:WordPress サイトでは Firebug のコンソールで $ 使った jQuery のコードが動かなかった:解決

問題

Firefox の Firebug のコンソールで、WordPress で作られたサイトの JavaScript を検証をするために jQuery の $ を使おうとしたら、「TypeError: $ is not a function」が表示されてしまいました。

「$」が定義されていないと言う事ですが、jQuery は読み込まれています。

原因

実は、WordPress では jQuery と、プラグインなどが独自に読み込んだ JavaScript がコンフリクトしないように「$の別名定義」が行われています。

つまり、「$」ではなく「jQuery」が使われています。

解決方法

早い話が「$」の代わりに「jQuery」を使えば OK です。

HTML はこれ

[code lang=’html’]
[/code]

Firebug のコンソールでの動き

WordPress上のjQuery

この例では、id に email を指定した input タグの値が、確かに「jQuery(‘#email’).val()」で取得できていることがわかります。

まとめ

Firefox 上で JavaScript のデバッグに Firebug を使っている方は多いと思うのですが、$ が使えない理由が WordPress と言うところで引っかかる方も多いのかと思います(自分もでしたが・・)。

わかれば簡単な事なんですけどね。

10年集客し続けられるサイトを、ワードプレスで自作する9つのポイント プレゼント

【最後まで読んでくれたあなたに】

あなたは、24時間365日、自分の代わりに集客し続けてくれるWebサイトを作りたい!と思ったことはありませんか?

私はこれまで500以上のWebサイトの構築と運営のご相談に乗ってきましたが、Webサイトを作ってもうまく集客できない人には、ある一つの特徴があります。

それは、「先を見越してサイトを構築していないこと」です。
Webサイトで集客するためには、構築ではなく「どう運用するか」が重要です。

しかし、重要なポイントを知らずにサイトを自分で構築したり、業者に頼んで作ってもらってしまうと、あとから全く集客に向いていないサイトになっていたということがよく起こります。

そこで今回、期間限定で
『10年集客し続けられるサイトをワードプレスで自作する9つのポイント』
について、過去に相談に乗ってきた具体的な失敗事例と成功事例を元にしてお伝えします。

・ワードプレスを使いこなせるコツを知りたい!
・自分にピッタリのサーバーを撰びたい!
・無料ブログとの違いを知りたい!
・あとで悔しくならない初期設定をしておきたい!
・プラグイン選びの方法を知っておきたい!
・SEO対策をワードプレスで行うポイントを知りたい!
・自分でデザインできる方法を知りたい!

という方は今すぐ無料でダウンロードしてください。

期間限定で、無料公開しています。

※登録後に表示される利用条件に沿ってご利用ください

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です