:::: MENU ::::

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

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として使えます
});
// $は使えません