$ is not a function

カテゴリ : Error, JavaScript, WordPress関連, 備忘録

WordPress3.0.1にて。
jQueryのhoverとanimateで画面効果を付けようと思って試行錯誤。

WordPressには元々jQuery1.4.2が入っているようなのでそれを利用しちゃおうと思ったのがいけなかった。
動かない。まったく・・・動かない。

ハマったなと思いつつ、
FirefoxのエラーコンソールでJavaScriptのエラーが出てないかチェック。
すると・・・ $ is not a function というエラーが出てる。
$をファンクションだとは思ってくれてないみたい・・・何故?

早速ググってみる。
何々・・・
「prototype.jsと共存できるようにjQuery.noConflict();を実行して、jQueryのデフォルトである”$”の使用を止めている」
とな?!($使えないんかいっ!と一人ごち)

どこで?ってことで調べてみたら
wp-includes/js/jquery/jquery.js
の一番最後に jQuery.noConflict(); ってしっかり書かれてました。

さてどーしよ・・・ってことで最終的には
wp-includes/js/jquery/jquery.jsは一切いじらずに
当該コード(hoverとanimateのコード)の直前に

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” type=”text/javascript”></script>

を入れて再度jQueryを読み込ませることで一応解決。
でもこれだとプラグインも含め
jQueryを3回も読み込ませることになるんだけどいいのかなぁ・・・?

とか思いつつ、
動いているので結果オーライにしとこ。

コメントはまだありません。

お名前 *
メールアドレス *
URL
コメント