2016-03-07 39 views
1

我已经尝试了几乎所有在SE上讨论过的选项,但不管blockUI在阻塞页面UNDER Bootstrap模式下。 我检查和模态的z-index的是10050,所以我的代码是这样的:jquery BlockUI block page Under模式

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

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

问候 康拉德

+0

嗨,欢迎来到SO。有了这些信息,我们无法帮助你解决问题。以我们可以复制它的方式向我们展示您的代码,并准确理解您要完成的任务。谢谢。 – Cthulhu

+0

嗨,谢谢你的回复。不知道如何显示更多的代码,因为这是相当大的项目和代码在整个项目中都有一些零碎:( – Anghor

+0

尝试使用必要的代码来创建一个小算法来复制您的问题。 fiddle?https://jsfiddle.net/有时你可能会在简化代码的同时自己找到解决方案 – Cthulhu

回答

2

这个问题似乎是Metronic的主题问题。

如果您使用的是App.js,那么blockUI的解释方式会稍有变化。 你不再传递的z-index块UI为:

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

他们重新定义了这个属性,以便blockUI是expeting:

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

这当然是更直观,但它不是在任何Metronic文档和blockUI文档中都有描述。