我有一个modal dialog表单,其中有一些“帮助链接”,它应该打开其上的其他非模态面板或对话框(同时保持主对话框,否则模态)。

然而,这些总是落在面具后面。 YUI似乎正在识别最高的z-index ,并将掩码和模态对话框设置为高于此值。

如果我等待帮助内容进行面板化,那么我可以将它们设置为具有更高的z-index。 到现在为止还挺好。 那么问题是辅助非模态对话框中的字段是不可聚焦的。 它们下面的模态对话框似乎在某种程度上阻止了焦点转到最初的模态对话框中的任何内容。

如果我能用jQuery做这个“对话组模态”,如果YUI根本不允许这样做也是可以接受的。

救命!

===============>>#1 票数:4 已采纳

默认情况下,YUI管理任何扩展YAHOO.widget.Overlay并使用覆盖面板的z-index。 它是通过YAHOO.widget.Overlay的“bringToTop”方法完成的。 您只需将“bringToTop”方法更改为空函数即可将其关闭:

YAHOO.widget.Overlay.prototype.bringToTop = function() { };

该代码将永远关闭它,您可以将它放在container.js文件的底部。 我发现这种方法有点过于大锤的方法,所以我们扩展YUI类并在调用“super.constuctor”之后写:

this.bringToTop = function() { };

如果你这样做,你基本上告诉YUI你将自己管理元素的z-indices。 这可能很好,但在做之前需要考虑一些事情。

===============>>#2 票数:0

如果用户应该与其他元素交互,则原始对话框不能是模态的 - 这是模态的定义。 原始对话框是否真的需要模态化? 如果是这样,您是否尝试在打开其他元素之前切换原始对话框的模态属性?

  ask by Nathan Bubna translate from so

未解决问题?本站智能推荐:

3回复

对话框UI中无法选中复选框

我正在尝试使用jQuery UI对话框解决z-index问题,类似于问题“无法选择或取消选择jQuery UI Modal对话框中的复选框” ,知道那里存在错误报告 。 因此,在尝试按照建议的方式增加z-index时,我添加了以下代码: chrome和firefox console
1回复

jQuery UI-嵌套对话框Z-index问题

我得到一个显示表格的对话框,当我单击“删除”按钮时,我将弹出另一个对话框以要求确认。 当前,这在第一次时效果很好,但是如果我第二次单击“删除”按钮,则删除对话框将显示在第一个表对话框的后面 ,因此用户实际上看不到它。 我试图为两个对话框都设置z-index,但是我不知道为什么它仅在第一次
1回复

更改JQuery对话框或Google Maps Z-index

我正在尝试做一些我认为应该相当简单的事情,但我的结果不稳定。 我想打开一个对话框,其中有2个地址字段,使用谷歌地图自动完成功能根据用户输入的内容建议位置。 我能够显示“输入位置”字段,告诉我谷歌地图api呼叫正在运行,但它不是自动完成地址。 编辑:好的我确定了问题。 位置下拉列表最终
2回复

如何移动对话框右上角上方的jQueryUI关闭按钮?

我正在使用jQueryUI,并具有模式对话框设置。 设计器希望关闭按钮看起来像这样: 我目前有这样设置: 该图标不太正确,请忽略它,但是我确实想将其向上移到该右上角。 我以为可以用以下CSS完成它: 但是现在看起来像这样: 如何在对话框顶部显示它? 我已经有
1回复

无法在Google Chrome上使用JQueryUI对话框打开“打印对话框”

我实际上是在使用JQueryUI对话框插件向我的网站的用户显示一些信息。 可以打印此对话框的内容,因此单击按钮时,需要打开一个打印对话框(从浏览器)。 我正在这样创建此对话框(这只是一个示例;我修改了内容和大小): 但是,当我单击“打印”按钮时,什么也没有发生。 我在Firef
2回复

jQuery不会正确打开2个连续的模态对话框

我试图在jQuery UI模式对话框中获取一个按钮以关闭自身并打开另一个模式对话框。 问题在于,第二个对话框在打开时将始终打开,而不会出现模态对话框中期望的屏幕覆盖,因此您仍然可以单击模态后面的屏幕。 jQuery如下 我也尝试过将处理程序更改为 哪个没有帮助
1回复

jQuery UI对话框打开

我正在尝试从代码中打开一个对话框窗口。 互联网说使用$(“#dialog”)。dialog(“ open”); 但是由于某种原因,这是行不通的。 我希望在用户停止移动列表项之一时将其打开。 发生警报,​​但没有对话框。 有人知道为什么吗?
1回复

无法打开jQueryUI对话框

1. 失败的小提琴示例 2. 工作实例 我一直在尝试学习如何制作允许人们插入URL链接或图像链接并将其附加到文本编辑器的对话框。 但是当使用class .dialog时,我什至无法单击打开对话框。 该对话框在ID为#dialog的第二个示例中可以正常工作。 有人可以告诉我我的第
1回复

jQuery对话框-无法禁用打开按钮

我想禁用jquery对话框显示中的某些按钮(带有一些其他条件),但我无法执行此操作。 我尝试了许多不同的方法,但没有一个起作用。 我没主意。 附带的示例代码(在coffeescript中):
2回复

通过焦点启动对话框时,对话框无法正确关闭

我希望在关注输入时打开一个对话框。 它曾经可以正常工作,但是我必须升级jQuery和/或jQueryUI,现在FF不会删除模式,IE甚至不会关闭对话框。 请参阅http://jsbin.com/EdupOgE/2/以获取实时示例。 如我的示例所示,单击并可以很好地工作,但不能集中精力。