WordpressでTweenMax.jsを使うには

###前提・実現したいこと
WordpressにおいてSVG画像をTweenMax.jsを用いてアニメーションさせたいのですが、どうも動きません。WordpressでjQueryを使用する時のように何か注意すべきことがあるのでしょうか…。
参考にしているのはこのサイトです。
本サイトの文をコピペした場合
Wordpressを使わなければ問題なくアニメーションされるのですが、
Wordpressを使うと画像は表示されるもののアニメーションは動かなくなってしまいます。

WordpressへのJavascriptの読み込みはfunctions.phpに以下のようにCDNを読み込んでいます、

<?php
function add_files() {
  wp_enqueue_script('TweenMax','https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js', array(''), '1.0', false );
 }
add_action( 'wp_enqueue_scripts' , 'add_files' );
 ?>

Cromeのデベロッパーツールより確認したところエラーは表示されませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
Wordpress4.2.7

kei344

2017/02/28 02:34

WordPressにどのようにJavaScriptを入れたのか、エラーは出ていないのかを追記されたほうが回答を得られやすいと思います。 http://eng-entrance.com/javascript-display-error

退会済みユーザー

2017/02/28 03:48

ご指摘感謝致します。ありがとうございます。不足の多い質問で恐縮です、修正しました

行動規範の内容に同意します

回答2件

TweenMax だけ読み込んで自身で書かれたJavaScriptを読み込まれていないのでは？

出力されたHTML（ブラウザで「ページのソースを表示」）に TweenMax と自身で書かれたJavaScript双方が正しく出力されているかを確認してみてください。

投稿2017/02/28 04:53

kei344

総合スコア69400

退会済みユーザー

2017/03/01 01:48

ご回答ありがとうございます。ファイルつくりなおして試してみたらエラーが出て問題がわかりました。読込む際にjqueryより後に前によみこまれていたのが問題でした。最後まで至らぬ質問で申し訳ありません。エラーの確認今後もっと慎重にやります。お騒がせしました。呆れず一緒に考えて下さってありがとうございます。貴方の優しさに感謝です。

行動規範の内容に同意します

ベストアンサー

質問文中でエラーが表示されないと記述したのですが
ファイルを作り直し再度テストを行ったところ、エラーが表示されました。
jqueryがTweenMaxの後に読み込まれていることが原因であることがわかったので、functions.phpのファイル読み込みの記述を以下の文に書き換えた
先にJqueryが読み込まれるようにしたところ問題なくうごきました。
TweenMax.jsは特別に記述に配慮が必要なわけではなく単純に私の記述ミスでした。お騒がせしてすみません。一緒に考えてくださった方、ありがとうございました。

php
1<?php
2function add_files() {
3  wp_enqueue_script('TweenMax','https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js', array('jQuery'), '1.0', true );
4 }
5add_action( 'wp_enqueue_scripts' , 'add_files' );
6 ?>