2016-03-07 42 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文檔中都有描述。