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

WordPressでjQueryを使用する場合

現在、WordPress 2.7(ベータ版)を使用していますが、WordPressは途中からprototype.jsからjQueryに変えたそうです。

headerを見ても、

<script type="text/javascript" src="http://www.is-p.cc/wp-includes/js/jquery/jquery.js?ver=1.2.6"></script>

と自動で読み込んでいます。すいません。自動では読み込みません。詳細は一番最後に追記しています。
これを利用する場合、「$()」の代わりに「jQuery()」と書くみたいです。

恐らくprototype.jsで使用する「$()」との干渉を避けるための措置だと思います。
どこかに「$()の代わりにjQuery()を使うんだよー」と書いてあるのでしょうが、見つけれなかったが為に、半日以上「$()が使えない~!!」と悩んでました…ちょっと自分の頭の悪さに絶望しました。

追記

追記(2009/01/07)
「jquery.js」ファイルをWordPressが自動で読み込むのかと思ってましたが違いました。すいません…。
現在利用しているプラグインが独自に読み込んでいるだけで、私が勘違いしていました。

なので、もしホームページにjquery.jsが読み込まれていない場合は、headerに追加してあげる必要があります。
もしくはアクションフックを利用して下記のようにするか、です。

add_action('wp_print_scripts', 'Add_JavaScript_File');
function Add_JavaScript_File() {
// JavaScriptファイルを登録
wp_enqueue_script('jquery');
}

まぁ、わざわざプラグインにして登録する必要も無さそうですが…。

タグ
トラックバックURL

Leave a Reply

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

*

ページTOPに戻る