jquery BlockUI 块页面在模态下

Question

我已经尝试了SE上讨论的几乎所有选项，但是无论在引导模式下阻止页面的blockUI是什么。我已经检查过，模态的 z 索引是 10050，所以我的代码是这样的：

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

在默认页面上请求 AJAX 时，它工作正常。但是当我在模态内运行 AJAX 查询时，下面会显示整个块 UI。我已经检查过了，z-index 显然在 1000 左右。这似乎是隐藏在模态下的明显原因，但为什么呢？为什么忽略"baseZ： 20000"？

此致敬意康拉德

Answer 1

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

如果您使用的是他们的应用程序.js则 blockUI 的解释方式略有变化。您不再将块 UI 的 z 索引传递为：

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

他们重新定义了此属性，因此 blockUI 正在扩展：

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

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