为什么jQuery UI 1.10删除jQuery对话框zIndex选项?

我想我理解你的问题。jQuery UI对话框的CSS z索引不够高,无法始终显示在内容上方。这里有一个快速解决方案:

/* A class used by the jQuery UI CSS framework for their dialogs. */
.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}

只需从中读取更改日志 jQuery UI 1.10 (与 the bug 已申请):

删除了zIndex选项

与堆栈选项类似,zIndex选项对于正确的堆栈实现是不必要的。这个 z索引是在CSS中定义的,现在通过确保 聚焦对话框是其父对话框中的最后一个“堆叠”元素。

换句话说:您应该对元素进行属性堆栈,而不是使用zIndex选项“破解”您的堆栈方式。

如果您想在实例化对话框后立即使用jQuery应用zIndex,可以执行以下操作:

$('#element').dialog({ your options... }).parent('.ui-dialog').css('zIndex',9999);

您尝试过使用“appendTo”选项吗?只需动态添加一个包装器,该包装器具有所需的z索引,然后使用该元素的id作为“appendTo”参数中的选择器。

http://api.jqueryui.com/dialog/#option-appendTo

你试过了吗?

$( ".selector" ).dialog( "moveToTop" );

参考: http://api.jqueryui.com/dialog/#method-moveToTop

 $('#element').dialog({     modal: true,
                            stack: false,
                            zIndex: 9999,
...

为我工作