webデザイン関連
PR

「Uncaught TypeError: $ is not a function」 の対処方法

hirotomo

検証ツールのコンソールでたまに出てきた「Uncaught TypeError: $ is not a function」というエラーについて。

jQueryを書いていると出てくることがあります。

過去に何度も遭遇しているのですが、書いているうちに出てこなくなっていたので対処していませんでした。

今回重要なところで同様のエラーができててしまったので調べてみました。

スポンサーリンク

「Uncaught TypeError: $ is not a function」とは?

どうやら有名なエラーらしく、私が調べて出てきた理由がこれらです。

  • 他のjsライブラリと競合している。
  • HTMLなどDOMが読み込まれる前に$マークが認識できない
  • jQueryのバージョンを変えてみる

競合している場合として、jQuery.noConflict()と書くとグローバル変数のエイリアスである$が無効化されるようです。

あわせて読みたい
ワードプレスで月を英語で出力する
ワードプレスで月を英語で出力する

今回はエイリアスの$マークではなく、もともとのJQueryを関数式で書くことにしました。

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

($)とすることで、括弧の中では$マークを使ってもエラーになりません。

実際これでいけました。

もう一方の($)と書かない方の方法もあったのですが、今回の場合エラーが消えません。

jQuery(function() {
  ここに処理を書く
});
あわせて読みたい
「my-snow-monkeyがプラグインにアップロードできない」の対処
「my-snow-monkeyがプラグインにアップロードできない」の対処

英語で検索するとさらに情報がでてくるので、英語で検索してわからなければ翻訳機に突っ込むという方法がとてもよいです。

しかし今回のエラーは日本語でもかなり出てきますので調べてみてください😀

スポンサーリンク
ABOUT ME
とーりん
とーりん
毎日うんまい物食べるのが好き
横浜市を中心に、個人でチラシやリーフレット・名刺制作などを小さくしています。 人生には感謝がいっぱいなので、感謝を返していきたい、そんな思いから「さんくすデザイン」という名前にしました。 わたしは独学から始まったので、同じようにデザインを独学するみなさんを応援します。 デザインとは関係ないお話も気軽に投稿しています。どうぞよろしくお願いいたします。
記事URLをコピーしました