トップページを構築していて
よっしゃこれで行こう!と思ったのに
HTMLで動作するjQueryが動かない・・・という事態に陥った。

ので色々調べてみる。
とりあえずWordPressにjQueryは既に搭載されているので
普通にHTMLのノリで読み込むと二重読み込みになって
動作しないことがあるらしい。

ので通常読み込むときに書く

<script type="text/javascript" src="jquery-1.7.1.js"></script>

的なコードを消して、
WordPressでjQueryを呼び出す関数

<?php
 wp_enqueue_script('jquery');
 wp_enqueue_script('sample','/wp-content/themes/yourthemes/js/sample.js',array('jquery'),'0.1.0');
 ?>
 <?php wp_head(); ?>

を、書く。

それからWordPressは他のJavaScriptのライブラリとの競合を防ぐために
中で色々やってるらしいので・・・
$をjQueryと書き換えてやる必要がるそうです。

めんどくさ。

しかしおかげさまで動作確認できました。

( ゚Д゚)ウヒョー


コメントを残す

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)