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

前端之家收集整理的这篇文章主要介绍了为什么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. */
}

猜你在找的jQuery相关文章