jquery - Jquery对话框顺序

Question

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

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

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

Answer 1

您可以使用jquery ui 对话框的焦点事件将第一个对话框的 zIndex 保持在最低值。这是工作小提琴：

工作小提琴

....
$("#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 设置在顶部。所以我们只是改变那个行为并将第一个对话框的 zIndex 设置为最低焦点。