为什么jQuery UI1.10删除jquery对话框zIndex选项？
为什么jQuery UI1.10删除jquery对话框zIndex选项？
提问于 2013-02-19 17:32:38
我发现最新版本的jQuery UI(1.10)删除了zIndex选项。这在jQuery网站上得到了证实。
真的让我很震惊。请想一想：
当我们有一个jqgrid，并使用editrow()或addrow()打开一个编辑对话框来编辑一些东西，里面有许多字段，其中一些有自定义的事件，例如，当你点击它时，它会显示另一个jQuery对话框，显示一些树视图项供选择。
在jqgrid UI 1.9 (包含)下，您可以将jQuery对话框的zIndex选项设置为大于jqgrid编辑对话框的zIndex选项(jqgrid编辑对话框支持设置zIndex)，以便jQuery对话框始终处于打开状态，并且可以看到和使用。
在jqgrid UI 1.10下，您不能设置zIndex，因此jQuery对话框总是在jqgrid编辑对话框的后面。
我认为这样的场景是很常见的。
为什么jQuery UI 1.10删除jQuery对话框的zIndex选项？当有多个对话框时，如何控制z-index顺序？
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-03-13 23:32:07
我想我理解你的问题。jQuery UI对话框的CSS索引不够高，不足以始终显示在内容上方。这里有一个快速解决方案：
/* 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. */
}Stack Overflow用户
发布于 2014-09-19 09:27:53
如果要在实例化对话框后立即使用jQuery应用zIndex，可以执行以下操作：
$('#element').dialog({ your options... }).parent('.ui-dialog').css('zIndex',9999);Stack Overflow用户
发布于 2013-03-25 23:50:49
你有没有试过使用"appendTo“选项？只需动态添加一个包装器，其中包含所需的z索引，然后在"appendTo“参数中使用该元素的id作为选择器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14954104
复制相关文章
相似问题