Имейте контейнер DIV, который действует как прозрачный фон с загружаемым сообщением.IE10 не показывает прозрачное сообщение DIV/ожидания
HTML код DIV conatainer
<div id="generatingexcel" style="display:none; position: fixed; width: 100%;height: 100%; z-index: 999; top: 0; left: 0; background:rgba(25, 25, 25, 0.5);">
<div style="color: #fff; font-size: 24px; position: absolute; left: 500px; top: 400px;">
<strong>Generating Excel Please wait....</strong>
</div>
</div>
Исполнительной вызов Ajax и первым делом АЯКС функция успеха, чтобы сделать прозрачный дисплей DIV: блок и после того, как выполнение делается положат обратно дисплей: нет для прозрачного DIV.
$("#generatingexcel").css("display", "block");
$.ajax({
type : "GET",
url : url,
contentType : "application/json; charset=utf-8",
success : function (msg) {
//code
},
async : false,
error : function (err) {
alert(err);
}
});
$("#generatingexcel").css("display", "none");
Он отлично работает в FF, но по какой-то причине в IE10 прозрачный DIV и сообщение загрузки не отображаются.
Итак, чтобы отладить, я добавил предупреждение() после строки блока отображения, а прозрачный DIV с сообщением показан в IE10. как только я удалю предупреждение снова, он не появится.
$("#generatingexcel").css("display", "block");
alert("Wait");
Почему он не получает триггер, или я ничего не вижу здесь.
Какие условия вы имеете в виду? Его Ajax имеет 'async: false', поэтому css изменяется последовательно и ajax блокируется. – DanFromGermany
Я хочу сказать, что второй '$ (" # generateexcel "). Css' после того, как ajax() вызывается до того, как будет выполнен ajax-вызов. –
В IE 10 и <, async: false не работает нормально –