Ako nastaviť ikonu načítania pre prechod medzi stránkami? - javascript, php, jquery, html, načítanie

$(window).load(function() {
$("#loading").hide();
$("#container").show();
});

Vo všetkých mojich súboroch php mám vyššie uvedený kód na zobrazenie ikony načítania až do načítania stránky. Napríklad: Ak vykonám index.php, ikona načítania sa zobrazí do index.php sa úplne načíta. Ak je presmerovaný na example.php pri presmerovaní sa nezobrazí ikona načítania, je úplne prázdna. A ak je presmerovaný úplne, potom sa zobrazuje ikona načítania, kým sa táto stránka nenačíta úplne.

očakáva: Pri presmerovaní na nasledujúcu stránku tiež potrebujem, aby sa zobrazila ikona načítania.

tak Ako zobraziť ikonu načítania medzi prechodom stránok?

odpovede:

Trik spočíva v spustení ikony načítaniaokamžite po vyložení stránky. Keď sa potom načíta nová stránka, musí sa ikona načítania okamžite znova zobraziť. Až potom, keď je nová stránka úplne načítaná, je možné ikonu skryť.

// 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();
});