Follow Us:

WordPress(ワードプレス)のTypeError: $ is not a functionエラーの解決方法について

  •  更新日:

WordPressの最新バージョンではjQueryがデフォルトで読み込まれます。さてこのjQueryの関数をテーマ等で呼ぼうとすると、TypeError: $ is not a function と定義されていないというエラーが出てしまいます。今回はこのエラーの解消法と、ワードプレスの本体に組み込まれているjQueryを安全に利用する方法を解説いたします

jQuery-Revolutionizing-WordPress

TypeError: $ is not a functionエラーの修正方法

ワードプレスでjQueryが読み込まれているのにこのエラーが出る理由

このエラーは、ワードプレスで$によるjQuery標準の関数指定方法が許可されていない為です。ゆえに、jQueryの$による様々な処理は使用が出来ないとお考えください

解決方法1:$では無くjQueryを使う

下記のようにすると、正しくjQueryを呼び出して使用する事が出来ます

修正前(エラーが出ます)

$(document).ready(function(){
   var myelement = $( '.elem' );
   // jQuery コード
});

修正後

jQuery(document).ready(function(){
   var myelement = jQuery( '.elem' );
   // jQuery コード
});

解決方法2:$を使用可能にする

下記のようなコードでjQueryのプログラムをかこってしまうと$が利用できるようになります

(function($) {
// jQuery コード
   var myelement = $( '.elem' );
})( jQuery );

このコードは、$とjQueryの指定を(function($) {内だけで入れ替えてしまう処理です。

ワードプレスのエラー修正、移行・カスタマイズのご相談・ご依頼はワードプレスドクターまで


関連タグ:

Wordpress ワードプレス ドクターBlog タグ一覧

© 2015-16. «WP Doctorワードプレスドクター». All right reserved.