如何讓我的blockUI顯示在我的jQuery UI對話框上？

Question

我使用jQuery UI的對話框，當我點擊窗體上的按鈕，我想用這條線使用jquery blockUI顯示一個「保存...」消息：

$.blockUI(); 

但塊UI顯示在對話框下。我的ee this question，但它不工作了。我認爲它是因爲它引用了基於文檔的jQuery UI zindex設置，它看起來不再像它存在一樣。

當使用最新的jQuery UI對話框來在UI對話框上方顯示塊UI消息時，是否有更新的解決方案？

Answer 1

看看生成的HTML和CSS的jQuery UI和BlockUI。 BlockUI的BlockUI類正在使用z-index：1000,1011和jQuery UI dialog，它使用z-index 1001和絕對位置。

here是修復

$("#dialog").dialog(); 
$('.ui-dialog').css({ 
    'z-index' : 100 // Could be any value but less than 1000. 
}); 

編輯：

Here是位安全方面的修復，如果您使用的動畫顯示對話框。

$("#dialog").dialog({ 
    open: function() { 
     $('.ui-dialog').css({ 
      'z-index' : 100 // Could be any value but less than 1000. 
     }); 
    } 
}); 

Answer 2

沒有必要爲所有的麻煩。它在選項中。

http://malsup.com/jquery/block/#options

// z-index for the blocking overlay 
baseZ: 1000, 

Answer 3

下面應該這樣做：

$.blockUI.defaults.baseZ = 4000;