ワードプレスのjQueryで＄を使う方法

ワードプレスには、jQueryというJAVASCRIPTのライブラリが使われていますが、このワードプレスでは通常jQueryで使う＄記号が使えなくなっています。

ワードプレスでjQueryの＄が使えない？

ワードプレスでは下記のような＄を使ったjQueryのコードはエラーが出ます。

$(document).ready(function(){
});

TypeError: $ is not a function

ワードプレスでは＄ではなくjQueryという文字列を使います。

jQuery(document).ready(function(){
});

これでエラーが出なくなります。

ワードプレスでjQueryの＄を使えるようにするには？

下記のように、無名関数の因数に＄を指定すると、実行時にjQueryが＄に代入されてその内側で＄が使用できるようになります。

jQuery(document).ready(function($){
  //この中では＄が使えるようになります
  var body = $( 'body' );
});

また、jQueryコードの前に

var $=jQuery.noConflict();

と記載すると以後jQueryの＄が普通に使えるようになります。

お試しください。

WordPress ワードプレスのテーマのカスタマイズ・エラーの修正などのご依頼・ご相談はWPドクターまでお気軽にお送りください