WordPressでjQuery読み込みタイミングを工夫したい

###実現したいこと
オートコンプリートの実装にあたり、jQueryの読み込みを適切なタイミングにしたいです。

###ソースコードと問題点
まずこちらのソースコードで、オートコーンプリート自体はできています。

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

<input type="text" id="hogehoge" class="ui-autocomplete-input" autocomplete="off">

<script>
(function($){
    var wordlist = [ "あいうえお", "かきくけこ",];	
    $( "#hogehoge" ).autocomplete({
        source: wordlist
    });
})(jQuery);    
</script>

しかしある事情（後述の補足）により上のjQueryを「single.php」に直接書いておりまして、その場合にオートコンプリートが効かなくなるというのが問題です。

###試したこと
ご参考になるかわかりませんが、上のjQueryを「single.php」ではなく「my_js.js」というファイルに書いて次のようにフッターで読み込めば、オートコンプリートが効くようになります。

functions.php

php
1wp_register_script( 'my_js', 'http://example.com/wp-content/themes/simplicity-child/js/my_js.js',
2array('jquery'),
3date('U'),
4true);

しかしこの読み込みタイミングを「true（フッター）」から「false（ヘッダー）」にすると効かなくなってしまいますので、どうやら問題の原因は読み込みタイミングにあるように思われます。

とはいえこの原因がわかっても、「single.php」に直接書いている限り読み込みタイミングをフッター側になど変更できません。（自分はその方法を知りません。）

どのようにすれば上のjQueryを「single.php」に直接書いたままで、オートコンプリートを実装できるでしょうか？

###補足
ちなみに上のjQueryを「single.php」に直接書かなければならないワケは、「single.php」のget_termsで取得したタクソノミーを、JSONで配列に渡して、オートコンプリート用に使うためです。

（このときjQueryを「my_js.js」に書いても「single.php」のタクソノミーが取得できないので、「single.php」に直接書いているという感じです。）

kei344

2019/02/13 15:05

エラーは出ていませんか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

dakarakarad

2019/02/13 15:13

はい、JSもPHPも何も出ておりません。すると質問の構造自体は一見して正常なのでしょうか？

kei344

2019/02/13 15:51

どうして「すると」になるのかわかりませんが、動く時と動かない時があるのであれば、動かない時にエラーがあるのではと思っただけです。

dakarakarad

2019/02/13 17:06

そうですか。動くかかどうかは「試したこと」にある読み込みタイミングが原因ではないかと考えています。いかがでしょうか。もしそうであれば「single.php」に書きつつ、フッターで読ませるような方法があれば解決するでしょうし、または「single.php」のget_termsで取得したタクソノミーを「my_js.js」で取得することができれば解決すると思っています。そのあたりについてはご考察頂けませんか？

Lhankor_Mhy

2019/02/14 00:40

『jQueryを「single.php」に直接書かなければならないワケは、「single.php」のget_termsで取得したタクソノミーを、JSONで配列に渡して、オートコンプリート用に使うため』とありますが、一読した感じ、それは理由にならないのではないかと思いました。 wordpress はあまり詳しくないのですが、single.php から header.php を呼んでいるはずなので、そこに記述しなくても問題は起きなさそうな気がします。実際にお試しになりましたか？

dakarakarad

2019/02/14 12:00

たしかにheader.phpに書けばいい話ではありました…。ただWordpressには「wp_localize_script」という関数があるようなので今回はこれを使い、single.phpやheader.phpなどのテンプレートファイルではなく、funtions.phpへの記載によって解決できました。