jQuery ganze HTML-Seite mit Spinner laden
Ich versuche etwas Einfaches - erstelle ein jQuery-Skript, das darauf wartet, die gesamte Seite einschließlich aller Divs, Texte und Bilder anzuzeigen. Während die Seite geladen wird, möchte ich, anstatt Teile der Seite anzuzeigen, ein sich drehendes GIF-Bild anzeigen. Wenn die gesamte Seite geladen ist, können wir den Inhalt der Seite im Browserfenster ausblenden.
Es gibt viele Skripte, die mit einer Ajax-Anforderung in einen Container-DIV geladen werden können - aber das ist anders. Dies zeigt ein sich drehendes GIF, während eine HTML-Seite geladen wird. Jede Hilfe wird geschätzt
Diese Art von Skript funktioniert nur bei Ajax-Anforderungen
$('#loadingDiv')
.hide() // hide it initially
.ajaxStart(function() {
$(this).show();
})
.ajaxStop(function() {
$(this).hide();
});