【初心者】WordPressでjQuery使用するときの注意「Uncaught TypeError: $ is not a function」

目次

Uncaught TypeError: $ is not a function

WordPressでjQueryを使用し「Uncaught TypeError: $ is not a function」と表示され、処理がされないとなりました。

そもそも「$(function(){})」とは

「$(function(){})」の記述によって中の処理はHTMLを読み込んでから実行されます

→この記述がないとHTMLの指定を含まれるjQueryのプログラムでエラーとなります

Uncaught TypeError: $ is not a function」の原因

WordPressで「$」マークを使うとjQueryが動作しない場合があります。

※一般的に「jQuery」を省略し「$」と記述します

↓WordPressでデフォルトで読み込まれるjQueryに「noConflict」という関数があります、そのため$の使用ができません

Uncaught TypeError: $ is not a function」の解決策

「$」が使用できないので、下記の通り書き直します

▼修正前

$(function(){ 
      $('○○')○○;
});

▼修正後

jQuery(function() {
      jQuery('○○')○○;
});
目次