私は jQuery blockUI プラグインを使用して、各 AJAX 呼び出しと各 URL 変更で気の利いた「ローダー」を表示しています。
これを担当する完全なコードは次のとおりです。
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();});
AJAX 呼び出し中はすべて問題ありませんが$.blockUI.defaults.message、ページのリロード中、つまりbeforeunload.
これはこれらのブラウザのバグですか? または、文書化された標準であり、IE のみが壊れます (問題なく画像を表示します)。ところで: アニメーション化.gifは問題ではありません。Firefox と Chrome の両方が静的な.png問題でさえ表示に失敗します。
これは何とか回避できますか？AJAX 呼び出しとページ リダイレクト/URL 変更の両方でまったく同じローダーが必要です。