1

我已经尝试了几乎所有在 SE 上讨论的选项,但无论什么 blockUI 在 Bootstrap 模式下阻止页面。我已经检查并且模态的 z-index 是 10050 所以我的代码是这样的:

$(document).ajaxStart(function(){
App.blockUI({
boxed: !0,
baseZ:20000,
message: "Wait a sec..."
})
});

当在默认页面上请求 AJAX 时,它可以正常工作。但是当我在模式中运行 AJAX 查询时,整个 blockUI 会显示在下面。我已经检查过了,z-index 显然在 1000 左右。这似乎是隐藏在模态下的明显原因,但为什么呢?为什么“baseZ:20000”被忽略?

最好的问候康拉德

4

1 回答 1

2

此问题似乎是 Metronic 主题问题。

如果您使用他们的 App.js,那么 blockUI 的解释方式会略有变化。您不再将块 ui 的 z-index 传递为:

$.blockUI({ baseZ: 20000, });

他们重新定义了这个属性,所以 blockUI 正在加速:

$.blockUI({ zIndex: 20000, });

这当然更直观,但没有在任何 Metronic 文档中描述,也没有针对 blockUI 文档。

于 2016-03-07T16:16:54.653 回答