Chrome / Firefox не отображает изображения в объектах, показанных в событии beforeunload
используя плагин jQuery blockUI, чтобы показать некоторые изящные "погрузчик» на каждом вызове AJAX и каждом изменении URL.
Вот полный код, отвечающий за это:
var rootPath = document.body.getAttribute("data-root");
$.blockUI.defaults.message = '<img style="margin: 0 5px 5px 0" src="' + rootPath + '/images/process.gif" width="48" height="48">In progress...';
$.blockUI.defaults.css.top = '45%';
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
$(window).on('beforeunload', function(){$.blockUI();});
Все хорошо во время вызова AJAX, однако ямы заметили, что Chrome и Firefox отображают анимированное изображение (приведенное в$.blockUI.defaults.message
), во время перезагрузки страницы, то есть во время.beforeunload
Это ошибка в этих браузерах? Или это документированный стандарт, который ломает только IE (который отображает изображение без проблем). Кстати: анимированные.gif
это не проблема, и Firefox, и Chrome не могут отображать даже статические.png
проблема.
Может ли это быть каким-то образом обойти? Мне бы хотелось, чтобы при вызовах AJAX и перенаправлениях страниц / изменениях URL были одинаковые загрузчики.