Question

我在My project中添加了块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 func

中初始化它

$.blockUI();

并在complete函数中取消阻止它：

$.unblockUI();

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

1 个答案: