ホームページ制作実績

赤星

記事表示ここから

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に追加してあげる必要があります。
もしくはアクションフックを利用して下記のようにするか、です。

PHP:
  1. add_action('wp_print_scripts', 'Add_JavaScript_File');
  2. function Add_JavaScript_File() {
  3. // JavaScriptファイルを登録
  4. wp_enqueue_script('jquery');
  5. }

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

記事表示ここまで
リンクここまで

この記事のコメント・トラックバックRSS

コメント・トラックバック ここまで

トラックバック用URL:

コメントフォーム

コメント入力

コメントフォーム
※管理人にのみ公開されます

記事のリンク先URL:http://www.is-p.cc/staff-blog/akahoshi/wordpress%e3%81%a7jquery%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%99%e3%82%8b%e5%a0%b4%e5%90%88/497

空白
ページのトップに戻る
空白