WordPressに関する情報や技術紹介です

WordPressでjQueryを利用する

現在、WordPressはjQueryをAjaxライブラリとして利用しています。
ホームページを表示した際にも<header>を確認すると自動でjquery.jsが読み込まれています(多分)。読み込まれません。詳しくはコチラをご確認ください。
そんな自動で読み込まれているjQueryをそのまま自分で利用する場合、一つだけ注意します。

$() の代わりに jQuery() とする事!

私のWordPressのバージョンは2.7-beta3ですが、jQueryを利用しようと思った時に「$()」が認識されなくて非常に困りました。何でかなぁ・・・と悩みに悩んだ挙句、ようやく「jQuery()」にすれば使えるという事が理解できました。

「そんなもの当たり前」なのかもしれませんが、私は分かりませんでした…頭悪いなぁ。

恐らく「prototype.js」の「$()」との衝突を避ける為の措置だと思います。

お陰様で今では下のように簡単に使えます!


消します。表示します。

ここが消えたり
現れたります。

以下が上のソース。

<span onclick="jQuery('#test-div').hide('normal')" style="cursor: pointer;">消します。</span><span onclick="jQuery('#test-div').show('normal')" style="cursor: pointer; margin-left: 20px;">表示します。</span>
<div id="test-div" style="border: 1px solid #ff6600; background-color: #ffcc66; padding: 10px;">
ここが消えたり<br />
現れたります。
</div>
タグ
,
トラックバックURL

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

ページTOPに戻る