如何让我的块UI显示在我的jquery UI对话框的顶部

Question

我正在使用jquery u对话框，当我单击表单上的按钮时，我想使用jquery blockUI使用以下行显示"正在保存....."消息：

 $.blockUI();

但块 UI 显示在对话框下方。 我看到这个问题，但它不再起作用了。 我认为这是因为它引用了jquery UI zindex设置，根据文档，它看起来不再存在。

使用最新的 jquery ui 对话框库让块 UI 消息显示在 UI 对话框上方时，是否有更新的解决方案？

Answer 1

下面应该这样做：

$.blockUI.defaults.baseZ = 4000;

Answer 2

不需要那么麻烦。它在选项中。

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

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

Answer 3

查看了 jQuery UI 和 BlockUI 生成的 HTML 和 CSS。 BlockUI的 BlockUI 类使用 z-index：1000， 1011 和 jQuery UI 对话框使用 z-index 1001 和位置绝对值。

这是修复程序

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

编辑：

这是位安全的侧面修复，如果您使用动画显示对话框。

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