Я добавил блок UI в Мой проект, вот код, который я использую
$(document).ready(function () {
$.ajax({
type: "POST",
data: "",
url: "<?php echo SITE_SCRIPT_PATH;?>get_dashboard_tiles",
beforeSend: function () {
$(".right_con").css("min-height", "300px").block();
$(".blockOverlay").css("background-color", "");
$(".right_con").unblock();
},
complete: function () {
$(".right_con").unblock();
},
success: function (r) {
$("#box_set").append(r);
render_dashboard_tiles();
lazyLoadTiles();
}
});
Во всех браузерах, кроме IE-11 и Mozilla, unblock-UI не работает. даже он не приходит в завершенный блок, поэтому любой может предложить мне, где я ошибаюсь
Это должно быть сделано следующим образом:
$.ajax({
type: "POST",
data: "",
url: "<?php echo SITE_SCRIPT_PATH;?>get_dashboard_tiles",
beforeSend: function () {
$(".right_con").css("min-height", "300px");
$(".blockOverlay").css("background-color", "");
$.blockUI(); //<---add this
},
complete: function () {
//$(".right_con").unblock();
$.unblockUI(); // <----and this
},
success: function (r) {
$("#box_set").append(r);
render_dashboard_tiles();
lazyLoadTiles();
}
});
Инициализировать его в функции beforeSent
$.blockUI();
и разблокировать его в complete
функции с помощью:
$.unblockUI();