Jquery对话框顺序

Question

我有两个Jquery对话框。第二个打开了第一个。如何保持第二个始终位于顶部---＆gt;现在当我点击底部时，顶部隐藏在第一个之下，但保持打开状态。

我尝试使用最高z-index，但它没有帮助。 我不想在对话框中使用modal选项。

你可以在这里玩：http://jsfiddle.net/2jYEP/2/

Answer 1

您可以使用jquery ui对话框的focus event将第一个对话框的zIndex保持为最低。这是工作小提琴：

Working fiddle

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

每当对话框获得焦点时，jquery ui代码将其zIndex设置为top。所以我们只是改变那种行为，并将焦点上的第一个对话框zIndex设置为最低。