JavaScriptが WordPress上で動作しないが ローカルでは動作する。その原因は？

Question

WordPressに組み込みをした JavaScriptが動作しないため、ソースコードをローカルファイルにコピペして、ブラウザで見てみたところ、動作しました。
どのような原因が考えられますでしょうか？

下記で投稿した内容の続きではあるのですが、
https://teratail.com/questions/87073

WordPressに 下記のテーブルソーターと言われる、表の情報を JavaScriptを使ってソートする、と言う機能の実装をしています。
http://tablesorter.com/docs/

上手く動作しない原因を調べるため、ブラウザに表示されている HTMLのソースコードをローカルのファイルにコピペし、それをブラウザで表示したところ正しく動作しました。

ただ、画面表示の際に 10秒以上かかります。
このあたりが原因なのかも、という感じはしていますが、どんな原因が考えられますでしょうか？

Answer 1

呼び出し方、書き方によります。

【WordPress で jQuery を使う時の注意点 – EastCoder;】
https://eastcoder.com/2014/07/using-jquery-with-wordpress/

【wordpressでjqueryを使う時の推奨方法まとめ】
http://kiyotatsu.com/web44/

Comments

[shishishi]

回答ありがとうございます。
WordPressには WordPress用の jQueryの呼び出し方があることは知りませんでした。
現状では問題解決に向けて少し原因が見えてきましたが、まだ不具合もありますので、ご連絡いただいた内容で不具合が解消するか、引き続き確認をしてみたいと思います。
ありがとうございます！

Answer 2

スクリプトを動作させるタイミングの問題という気がしますが、具体的な情報（コードとか使用しているブラウザとか）が何も提供されていないので気がするだけです。

tablesorter のサイト http://tablesorter.com/docs/ にある table のサンプルをそのままコピペして、そこに書いてある通りにスクリプトを書いても同じ状況ですか？

Comments

[shishishi]

細かな情報をお伝えしておらず申し訳ありません。
ただ、動作をさせるタイミングの問題、ということで、スクリプトを記述する場所をいろいろ変えてみたところ無事に動作致しました。
ありがとうございます！助かりました。

今更ですが、「http://tablesorter.com/docs/」にあるサンプルソースコードを使ってローカルの実験用の WordPress環境で動作確認しました。そして、動作しましたので、そのソースコードをそのまま本番にコピペしたら動かなかった、と言う状況でした。
そして、動作していない本番環境の HTMLのソースをローカルに保存したら動作する、と言う状況でした。
JavaScriptを編集している場所も同じだったんですが。

その後、「動作させるタイミングじゃないか」ということでしたので、いろいろ実験してみた結果、「jquery.tablesorter.min.js」の呼び出しと、tablesorter()を呼び出すスクリプトを、テンプレートの一番最後の場所になる「get_footer()」の下に記述したところ動作しました。

ただ、今度は何か表示の崩れが起こってしまっていますので何か干渉しているものがありそうですが、まずは、現在の問題点が解決して先に進めそうです。
ありがとうございました！