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

我发现最新版本的jQuery UI(1.10)删除了zIndex选项。它在jQuery网站上得到证实。

真的震惊了我。请考虑一下：

当我们有一个jqgrid，并使用editrow()或者addrow()打开一个编辑对话框来编辑某些东西，里面有很多字段，其中一些有自定义的事件，比如当你点击它的时候，它会显示另一个jQuery对话框来显示一些要选择的树状视图项目。

在jQuery UI 1.9(包括)下，您可以将jQuery对话框的zIndex选项设置为大于jqgrid编辑对话框(jqgrid编辑对话框支持集zIndex)，因此jQuery对话框始终是可以看到和使用的。

在jQuery UI 1.10下，您无法设置zIndex，所以jQuery对话框总是位于jqgrid编辑对话框的后面。

我觉得这样的场面很常见。

为什么jQuery UI 1.10删除jQuery对话框zIndex选项？当有多个对话框时，如何控制z-index顺序？

解决方法

我想我明白你的问题。 jQuery UI对话框的CSS z-index不够高，无法始终显示您的内容。这是一个快速的修复：

/* 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. */
}

原文地址：https://www.jb51.cc/jquery/182493.html