wordpress | 外部スクリプト読み込み

Question

wordpressで、外部スクリプトJSファイルを読み込みたいのですが、実行されません。
alert()等で、取得しているURLを見たんですが、正しくても実行されません。

<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/js/TweenMax_on_Scroll.js"></script>

何か独自の読み込み方法があるんでしょうか？

Answer 1

情報が少ないのでこれと言えませんが...

<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/js/TweenMax_on_Scroll.js"></script>

まずはTweenMax_on_Scroll.jsは記載ないので正常に動作すると捉えます。

１．ブラウザからソースコードを確認して、上述のコードは正しいパスで表示されてますか？

２．関数を使用せず直接パスを記述することでjavascriptは動作しますか？

３．上述のコードの参照ファイルは親テーマ、子テーマのどちらに配置されてますでしょうか？
配置場所によっては使用する関数を変える必要があります。

<!-- 親テーマのパスを返す -->
<?php echo get_template_directory_uri(); ?>
<!-- 子テーマのパスを返す -->
<?php echo get_stylesheet_directory_uri(); ?>

４．記載はありませんがjQueryを使用していますか？
jQueryの書き出しの$はそのまま使用できないのでご注意下さい。
また、wp_head()より下に記述する必要があったかと思います。

５．パーミッションの問題も考えられます。
可能性は低いですが。

６．functions.phpなどから追加する方法もあります。
WordPressはwp_enqueue_script関数でjavascriptを追加できます。

▼参考サイト
関数リファレンス/wp enqueue script

子テーマだったら６番の方法が楽です。

Answer 2

すみません、何度か実行していたら出来ました・・。なにかこうなる事例はあるんでしょうか？

Answer 3

Wordpressはほとんど知りませんが
stylesheet directoryって、cssのディレクトリではないんですか？

Comments

[退会済みユーザー]

スタイルシートの存在するディレクトリです。