jquery BlockUI块页面在模态下

Question

我已经在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”？

祝你好运 康拉德

Answer 1

此问题似乎是Metronic Theme问题。

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

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

他们重新定义了这个属性，所以blockUI正在开展：

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

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