Estamos usando el siguiente código para mostrar un modal de carga si la carga de la página siguiente lleva mucho tiempo.
window.onbeforeunload = function () { window.setTimeout(showLoader, 2000); } function showLoader() { var loader = '<div id="layoutLoadingModal" class="modal fade" role="dialog">' + '<div class="modal-dialog">' + '<div class="modal-content">' + '<div class="modal-body">' + '<h1>Loading!</h1>' + '</div>' + '</div>' + '</div>' + '</div>'; $("body").append(loader); $('#layoutLoadingModal').modal('show'); } Desafortunadamente, también muestra el modal si el usuario usa el botón Atrás del navegador o un botón con history.go(-1); ¿Hay alguna forma de modificar el código para evitar esto?
*editar Este script está presente en ambas páginas. Cuando estoy en la "segunda página" y hago clic en Atrás. El script de la segunda página no se activa porque el tiempo de carga es inferior a 2 s. Pero el script se activa cuando se carga la página anterior, aunque no debería. Entonces, la primera página muestra el modal de carga desde cero, y debe hacer clic en algún lugar de la página para cerrarlo.
Ok, resultó que había interpretado mal la situación. Cuando salgo de la página de inicio, se mostrará el modal de carga, al menos si se tarda más de 2 segundos en cargar la segunda página. Cuando hago clic en el botón Atrás, el navegador me muestra la página de inicio en su estado final con el modal de carga que se muestra.
Así que cuando agregué
window.onunload = function () { $('#layoutLoadingModal').modal('hide'); }todo funciona como se esperaba.