質問: wordpressで作成したテーマでjQueryを動かしたいです。 構文または記述不足かと思うのですが、正しい記述をネットで調べてもわからず、ご教授頂ければと思います。 1.jQueryファイル:\themes\site\js\fadein.js ``` jQuery(function(){ // 一旦hide()で隠してフェードインさせる $("#anime-fadein").hide().fadeIn('6000'); }); ``` 2.呼び出す側:~themes\site\header.php ``` ``` 3.function.php:~themes\site\functions.php ``` function load_scripts(){ wp_enqueue_script( 'fadeinfunction', // ハンドル名 get_template_directory_uri() . '/js/fadein.js', // ソース array( 'jquery' ), // 先に読み込まれているべきScript(ハンドル名) false // Bodyタグの最後でロードしますか? ); } add_action( 'wp_enqueue_scripts', 'load_scripts' ); ``` また、実行後、htmlソースでは以下のタグ内にfadein.jsを読み込む記述がありました。 ``` ```
回答: WordPressで読み込まれるjQueryは`$`を定義しないので動かないのだと思います。 `jQuery()`を省略せずにそのまま使うか、下記のようにする必要があります。 ``` (function ($) { $(function(){ // 一旦hide()で隠してフェードインさせる $("#anime-fadein").hide().fadeIn('6000'); }) })(jQuery); ```