Jquery对话框顺序

我有两个Jquery对话框。第二个在第一个的顶部打开。如何保持第二个始终位于顶部--->现在，当我单击底部时，顶部隐藏在第一个下方，但保持打开状态

我尝试使用最高的

z-index

，但没有效果。 我不想在对话框上使用

模式

选项

您可以在这里玩：

您可以使用jqueryui对话框将第一个对话框的zIndex保持在最低。这是工作小提琴：

每当对话框获得焦点时，jQueryUI代码将其zIndex设置在顶部。因此，我们只需改变该行为，并将第一个对话框zIndex设置为焦点最低

....
$("#div1").dialog({
         autoOpen: false,
         autoResize: true,
         resizable:false,
         dragable:false,
         focus: function(e, ui){
          $(this).parent(".ui-dialog").css("z-index", 0);
        }
     });
....