Ich verwende das jQuery-BlockUI-Plugin, um bei jedem AJAX-Aufruf und jeder URL-Änderung einen raffinierten "Loader" anzuzeigen.

Hier ist der vollständige Code, der dafür verantwortlich ist:

var rootPath = document.body.getAttribute("data-root");

$.blockUI.defaults.message = '<h3><img style="margin: 0 5px 5px 0" src="' + rootPath + '/images/process.gif" width="48" height="48" />In progress...</h3>';
$.blockUI.defaults.css.top = '45%';

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
$(window).on('beforeunload', function(){$.blockUI();});

Während des AJAX - Aufrufs ist alles in Ordnung. Ich habe jedoch festgestellt, dass Chrome und Firefox animierte Bilder anzeigen (siehe$.blockUI.defaults.message), während des Neuladens der Seite, dbeforeunload.

Ist das ein Fehler in diesen Browsern? Oder ist es ein dokumentierter Standard, dass nur der IE kaputt geht (was das Bild ohne Probleme anzeigt). Übrigens: Animiert.gif ist kein Problem, sowohl Firefox als auch Chrome können nicht einmal statisch anzeigen.png Problem.

Kann das irgendwie ein Workaround sein? Ich hätte gerne genau die gleichen Loader, sowohl bei AJAX-Aufrufen als auch bei Seitenumleitungen / URL-Änderungen.