Używam wtyczki jQuery blockUI, aby pokazać jakieś fajne „loader” na każdym wywołaniu AJAX i każdej zmianie adresu URL.

Oto pełny kod odpowiedzialny za to:

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

Wszystko jest w porządku podczas połączenia AJAX, jednak zauważyłem, że Chrome i Firefox wyświetlają animowany obraz (podany w$.blockUI.defaults.message), podczas przeładowania strony, czyli podczasbeforeunload.

Czy to błąd w tych przeglądarkach? Czy jest to udokumentowany standard, że tylko IE pęka (co wyświetla obraz bez żadnych problemów). BTW: Animowane.gif to nie problem, zarówno Firefox, jak i Chrome nie wyświetlają nawet statycznych.png problem.

Czy to może być jakoś obejść? Chciałbym mieć dokładnie te same ładowarki zarówno przy wywołaniach AJAX, jak i przy przekierowaniach stron / zmianach adresu URL.