JavaScriptが急に呼び込めなくなった。

まだまだかかりそうなポートフォリオ。
あとは、JavaScriptと下層cssの当てなおし。

少々自分のポートフォリオを見飽きているので早めに終わらせたいと思っている。

だけど、今日も問題が発生。

急にSwiperが動かなくなった！

元気に動いていたSwiperが止まっている…。

あれ？なぜ？一昨日は元気に動いてたのに。

同じタイミングで、「aタグ」が触れないといるアクシデントもあって、そのせいか？と時間を溶かしだす。

だけど、swiperは「aタグ」が触れられるようになっても動かない。うん、全然関係なかった。

原因を探す。

JavaScriptが読み込まれているか確認する方法

検証ツールの「ソース」で該当する「JavaScript」が読み込まれているか確認するとよみこまれていない！

JavaScriptの読み込み法を確認

WordPressの開発をしてるので、「function.php」でJavaScriptを読み込んでいる、

触っていないので、変わるはずはないのだけど、一応確認。

/// /// /// /// /// /// /// /// /// /// /// ///
/// start CSSとJavaScriptの読み込み　
/// /// /// /// /// /// /// /// /// /// /// ///
function pierce_load_scripts()
{

   // swiper の読み込み
   wp_enqueue_script('swiper', get_template_directory_uri() . '/assets/js/swiper-bundle.js', 
   array('jquery'), filemtime(get_theme_file_path('/assets/js/swiper-bundle.js')), true);

}
add_action('wp_enqueue_scripts', 'pierce_load_scripts');
/// end CSSとJavaScriptの読み込み　
/// /// /// /// /// /// /// /// /// /// /// ///

確認したけど、間違っていない。

ちなみに同じ関数でsccも読み込むようにしてるが、そちらは読みこんでいる。

うーん、なぜだ。システム関係なのか？

お手上げだ。

ちなみに、gitは1回挑戦したけど分からなくなってしまったので、使っていない。
だから、「動いている所まで戻る」ということが出来ない。
gitは余裕があるときにまた勉強するということで、少し先送りにしている。(言い訳)。

え、システム関係ならもう一回構築からか？
目の前真っ暗。

JavaScript の読む込むタイミングは</body>タグの直前

そういえば、cssを読み込むタイミングとJavaScriptの読み込むタイミングって違ったなぁと思いだした。

JavaScriptは</body>タグの直前に書くのが基本だったっけ。

調子が悪くなる前にいじったところを思い出す。

そういえば、Xのリンクをフッターに貼ったなぁと…。

なので、「footer.php」を確認しなおす。

原因がわかった。

フッターに書いていないといけないもので、WordPressに関係するものってなんだったっけ？といろいろネットサーフィンしていてふと気が付いた。

これからは、間違って消した場合も時間を溶かすことはなくなりそう。