$(window).load(function() {
$("#loading").hide();
$("#container").show();
});
私のすべてのphpファイルには、ページが読み込まれるまで読み込みアイコンを表示するための上記のコードがあります。例:実行した場合 index.php
、読み込みアイコンはまで表示されます index.php
完全にロードされます。リダイレクトされた場合 example.php
リダイレクトすると、読み込みアイコンは表示されず、完全に空白になります。また、完全にリダイレクトされると、そのページが完全に読み込まれるまで読み込みアイコンが表示されます。
期待される: 次のページにリダイレクトするとき、その間もロードアイコンを表示する必要があります。
では、ページの遷移の間に読み込みアイコンを表示するにはどうすればよいですか?
回答:
回答№1は1秘訣は、読み込みアイコンを開始することですページがアンロードされるとすぐに。次に、新しいページが読み込まれたときに、読み込み中のアイコンをすぐに再度表示する必要があります。新しいページが完全に読み込まれたときにのみ、アイコンを非表示にできます。
// Show the icon immediatly when the script is called.
$("#loading").show();
// show the icon when the page is unloaded
$(window).on("beforeunload", function(event) {
$("#loading").show();
});
// hide the icon when the page is fully loaded
$(window).on("load", function(event) {
$("#loading").hide();
});