jqueryのクリックイベント

Question

スマホのメニューボタンの表示・非表示をjqueryのクリックイベントで設定しているのでなぜか、たまに効かない時が・・・・。リロードすると大丈夫なのですが。
なぜでしょうか？ 原因がわかりません。
wordpressのfunctions.phpで呼び出しを記述して、jqueryは 1.12のcdnを使っています。

Comments

[m.ts10806]

コードがないことには誰もその原因を指摘することは出来ません。該当のコードをきちんと（基本省略することなく）提示してください。なおプログラムは自身で指示した通りにしか動かないので「たまに」ということはありえません。必ず法則があるはずなので、自身が検証したことを具体的に記載してください。

Answer 1

自分もスクリプトを書いていてよくぶち当たりますが、

・clickイベントを$(document).ready() にバインドしている
・clickイベントの書かれたスクリプトがページ上部に挿入されている
・clickイベント以前に書かれたスクリプトがエラーを起こしている

の3つの内どれかが多いです。

・$(window).load()イベントにバインドする
・外部にせよ内部にせよスクリプトは</body>付近で読み込む
・原因究明のため一度該当スクリプトに関係ないプラグインなどを無効にする

で解決できるかと思います。
JQueryは特別な環境なくして実行できる分、競合エラーが起こりやすい、DOMの読み込み速度やクライアントパフォーマンス等でイベントの順序が前後するので、「たまに」動かなくなるのかなと思います。

Answer 2

キャッシュなどブラウザ側の問題の可能性が高いと思います