:::: MENU ::::

WordPressでjQueryが動かない時にやること

Pocket

WordPressの記事内にscriptを書いても「$」が動かなかったのでメモ。
Firebugで見るとこのようなエラーが出ている。

TypeError: $ is not a function

単純にjqueryが動いていないっぽいのだが、
公式のテンプレートにすらjqueryが読み込まれているし、
普通に使えているはずなのだが、なぜだか動かない。

試しに公式のjqueryとのdiffを取ってみたら差異があった。
WordPressに同梱されているjqueryは公式のものとは違って、

jQuery.noConflict();

が入っていた。動かないわけだ。

動かすには公式のjqueryを使うかすればいいのだが、
メンテ効率も悪いのでWordPressのjqueryで使う方法をメモ。

要はnoConflictを使った時にjqueryを動かす方法を行えばよい。
いろいろ方法はあるけど個人的にはこれが楽かな。

jQuery.noConflict();
jQuery(document).ready(function($){
  // $はjQueryとして使えます
});
// $は使えません
Pocket


So, what do you think ?