jQuery｜ページを読み込み後の処理が効かない場合に試してほしいこと

2023.11.21

jQueryのページを読み込み後の処理が効かない場合は、以下のステップを試してみることをお勧めします。

例

$(window).load(function() {
// 処理
});

こちらの記述がきかない場合は、jQueryのバージョンを確認してください。

jQuery3.0以降では上記の記述だと効かなくなるため、以下の記述をしてください。


$(window).on('load', function() {
// 処理2
});

また、上記でも効かない場合は下記のように記述してみてください。

$(document).ready(function() {
//　処理

});

readyメソッドは、以下のように省略することができます。

$(function() {
//　処理

});

readyとloadの違いについて

ready()とon(‘load’)の違いは処理を実行するタイミングが違います。

ready()より、on(‘load’)の方が処理を実行するタイミングは遅くなります。

読み込む順番をまとめると、

Webデザイナー / コーダーのみなさまへ

株式会社オートプロジェクトでは、バックエンド全般を安心してお任せいただけます。

サーバー設定やDB管理、セキュリティ対策など幅広いニーズに対応いたします。お気軽にご相談ください。