Javascript 更改jQuery UI模态对话框的堆栈顺序
我弹出了两个jQueryUI模态对话框。其中一个是在AJAX函数成功时触发的,因此它通常在第一个对话框的顶部出现。我希望通过编程切换两个对话框的堆叠顺序,以便第一个对话框显示在第二个对话框的顶部。试图用zIndex属性和dialog(“moveToTop”)来实现这一点,但两者似乎都没有效果。建议?我发现了一个适合您的示例: 在本例中,如果删除Javascript 更改jQuery UI模态对话框的堆栈顺序,javascript,jquery-ui,Javascript,Jquery Ui,我弹出了两个jQueryUI模态对话框。其中一个是在AJAX函数成功时触发的,因此它通常在第一个对话框的顶部出现。我希望通过编程切换两个对话框的堆叠顺序,以便第一个对话框显示在第二个对话框的顶部。试图用zIndex属性和dialog(“moveToTop”)来实现这一点,但两者似乎都没有效果。建议?我发现了一个适合您的示例: 在本例中,如果删除stack:false和stack:true选项,将首先显示对话框d2(第二个) 但是,在我放在链接中的示例中,您可以看到我强制jQuery首先显示d1
stack:false
和stack:true
选项,将首先显示对话框d2
(第二个)
但是,在我放在链接中的示例中,您可以看到我强制jQuery首先显示d1
编辑:
我刚刚更新了代码。你可以在这里找到它:
如您所见,当d1
调用关闭事件时,将显示对话框d2
问候。根据扎卡里亚的帖子,我认为德鲁的意思是:
太好了,感谢您提到堆栈选项。而且,我以前从未见过JSFIDLE.net——非常有用。但是,当出现延迟时,这似乎不起作用:请注意,我将第二个对话框延迟一秒钟,以模拟运行AJAX查询所需的时间。你对如何使这个工作有什么想法吗?