jQueryのページを読み込み後の処理が効かない場合は、以下のステップを試してみることをお勧めします。
例
$(window).load(function() {
// 処理
});こちらの記述がきかない場合は、jQueryのバージョンを確認してください。
jQuery3.0以降では上記の記述だと効かなくなるため、以下の記述をしてください。
$(window).on('load', function() {
// 処理2
});また、上記でも効かない場合は下記のように記述してみてください。
$(document).ready(function() {
// 処理
});readyメソッドは、以下のように省略することができます。
$(function() {
// 処理
});ready()とon(‘load’)の違いは処理を実行するタイミングが違います。
ready()より、on(‘load’)の方が処理を実行するタイミングは遅くなります。
読み込む順番をまとめると、
私の場合、ページが開いた際にふわっと表示をさせたいのにon(‘load’)が効かず、ready()を記述すると効きました。
画像データが多いページなどは、readyメソッドを使用するのがいいかもしれません。一度お試しください。
株式会社オートプロジェクトでは、バックエンド全般を安心してお任せいただけます。
サーバー設定やDB管理、セキュリティ対策など幅広いニーズに対応いたします。お気軽にご相談ください。
