Tengo una página que tarda un poco en cargarse, así que agregué un control giratorio para cargar cuando el usuario hace clic en un enlace a esta página. En Chrome, cuando el usuario hace clic en esta página (y se muestra la rueda giratoria para mostrar que la página se está cargando), cuando el usuario está en la página de procesamiento largo, luego decide regresar, la rueda giratoria está allí nuevamente.
El usuario tiene que recargar manualmente la página para deshacerse de la ruleta. En Firefox, está bien. Solía escuchar popstate para ejecutar un código para ocultar la rueda giratoria. Pero desafortunadamente esto ya no funciona en la nueva versión de Chrome.
Esto es lo que solía tener y solía funcionar para Chrome:
$(document).ready(function () {
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
loading.hide(); // this is the code to hide my spinner
});
}
});
Para hacerlo simple, necesito una secuencia de comandos que se active solo cuando el usuario regrese a una página.