Unblock-UI在Mozilla和IE-11中不起作用

Question

我在我的项目中添加了块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都不起作用。即使它不是完整的区块，所以任何人都可以建议我哪里错了

Answer 1

应该这样做：

$.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();