Question

我遇到的情况是用户与模式对话框进行交互，在提交和关闭表单时，网站会从服务器获取和下载文档，这有时需要一段时间。因此效果是对话框消失，正常页面显示几秒钟。 favicon变成了一个微调器，箭头旁边有一个微调器，但是我想让这个站点仍然按照预期工作更加明显。

我已经使用bootstraps hidden.bs.modal触发器来调用$ .blockUI，它会调出一个微调器。这是一些代码。

$('#projectsiteitemsdialog').on('hidden.bs.modal', function () {
  if (isLoading) {
    doSpinner();
  }
  isLoading = false;
});

function doSpinner() {
  $.blockUI({
    message:
        $("#spinner"),
    css:
        {
            top: ($(window).height() - 30) / 2 + "px",
            left: ($(window).width() - 30) / 2 + "px",
            width: "30px"
        },
    overlayCSS:
    {
        backgroundColor: "#fff"
    }
  })
};

我得到的效果几乎和预期的一样。 BlockUI显示白色背景颜色，但没有旋转gif显示。当没有涉及Bootstrap模式时，gif会在页面上显示调用doSpinner的其他按钮。

如果我使用hide.bs.modal，我可以看到微调器，但只是在它与Bootstrap模态一起关闭之前的片刻。

有什么建议吗？

关闭Bootstrap模态后，来自blockui模态的Gif没有显示

0 个答案: