WP内でjQueryを使おうと思ったら・・・、動きませんがな。
jQuery超初心者なので、コードのどこが影響してるのか皆目見当がつかづ。
自サイトのソースを見るとWPがjQueryを読み込んでいる模様。なところまで分かったが、なんでjQueryコードが動かないのか?バージョンが古いから?、???。
っと悩んでも皆目見当つかずで、目の前の魔法の箱で「wp jqery 使う」調べてみた。っら、答え発見!
- 「プライマリーテキスト」さんの記事「WordPressは標準でjQueryを読み込んでるので読み込みは不要」[http://primarytext.jp/blog/1298]
- 「Sensebahn」さんの記事「WordPressでjQueryを使う一番シンプルな方法」 [sensebahn.com/develop/389/]
検索結果の上位2件を拝見し、どちらもわかりやすく参考になりました。
要はjQueryに「noConflict」というのが設定されていて、名前の通り衝突しないような配慮ではあるが、そのために標準的なjQueryの記法と異なるとかなんとか。
あぁ~~~jQueryの入門書でちらっと見た気がする、「noConflict」ちゃんと読んでないけど。
上記2さんのサイトではデフォルトのjQuery読み込みを回避して、自前のjQueryを読み込みなおす解決法がありました。
デフォルト読み込みのjQueryバージョンが古いのでこの方法がいいかな!っと思ったのですが、とりあえず手を付けやすそうな上記1さんのサイトの「コードをカプセル化する方法」?を採用させていただきました。
っで、解決!
そのうち、上記サイト2さんの方法も試してみたいとは思っている。