Question

我正在使用jquery ui对话框，当我单击表单上的按钮时，我想使用jquery blockUI通过使用以下行显示“Saving。..”消息：

 $.blockUI();

但是块UI显示在对话框下面。我是ee this question，但它不再起作用了。我认为它是因为它引用了jquery UI zindex设置，它根据文档不再存在。

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

Answer 1

不需要一切麻烦。它在选项中。

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

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

Answer 2

下面应该这样做：

$.blockUI.defaults.baseZ = 4000;

Answer 3

看一下生成的jQuery UI和BlockUI的HTML和CSS。 BlockUI的BlockUI类正在使用z-index：1000,1011和jQuery UI dialog，使用z-index 1001和position absolute。

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.
         });
    } 
});

如何让我的blockUI显示在我的jquery ui对话框之上？

3 个答案: