More than 3 years have passed since last update.

jQuery3系にてfadein,fadeoutがフェードしない時

Last updated at 2021-03-18Posted at 2021-03-18

現象

jQueryを1,2系から3系にバージョンアップした際、fadein()やfadeout()がうまく動かず、瞬間的に表示/非表示が切り替わる挙動を示すことがある。

3系にて現在時刻の取得処理がjQuery.now()ではなく、Date.now()を利用するようになっている。
Date.now()をグローバルに上書き¹してしまうような、日時操作系の古いライブラリなどが共存している環境においては干渉しアニメーションが異常な動作となる。

問題となっている日時操作ライブラリを最新に更新する。
更新してもDate.now()の挙動が変わらない場合、可能であればPRを出すか、あるいはそのライブラリの使用を辞める。
メンテがとうの昔に終わっており、代替案もすぐには用意できずどうにもこうにもならない場合は、最悪ライブラリに手を入れて自社管理することも考える。（こういうケースではだいたい自サーバーでホスティングしていると思うので…）

コンソールでDate.now()を実行した時に、Unixタイムスタンプではなくフォーマット済の時刻文字列を返却するように変えるライブラリが存在し、こういったものが該当する。 ↩