jquery UI对话框在父对话框后面打开

Question

我有一个jQuery UI对话框（使用ajax打开）。在该对话框中，我有一些内容和一个打开（再次使用ajax）另一个ui对话框的按钮。

初始按下按钮会打开第二个对话框。如果我关闭第二个对话框并再次按下按钮，对话框将打开，但它隐藏在第一个对话框的后面。

有没有什么我可以在jquery中强制该对话框关注？我永远不希望它在原来的窗口后面。

代码：

守则第一个对话框...

$('#searchUsers').autocomplete({ 
    source: "/gpcadmin/Roles/Lookup", 
    minLength: 0, 
    focus: function (event, ui) { 
     $('#searchUsers').val(ui.item.label); 

     return false; 
    }, 
    select: function (event, ui) { 
     var id = ui.item.value; 
     $.ajax({   
      url: "/gpcadmin/Users/UserDashboard/" + id, 
      type: "GET", 
      success: function (data) { 
       $("#my-dialog2").html(data); 
       $('#my-dialog2').dialog({ 
        modal: true, 
        width: "1200px", 
        height: 700, 
        close: function (event, ui) { 
         $("#my-dialog2").dialog("close"); 
        } 
       }); 
      }, 
      error: function (data) { 
      } 
     }); 

     return false; 
    } 

守则第一个对话框用于调用第二个对话框：

$("#quickButton1").on("click", function (e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: "/gpcadmin/Roles/cardOfficersui/" + $(this).data("task-id"), 
     type: "GET", 
     success: function (data) { 
      $("#my-dialog23").html(data); 
      $('#my-dialog23').dialog({ 
       modal: true, 
       width: "600px", 
       height: 400, 
       close: function (event, ui) { 

       } 
      }); 
     }, 
     error: function (data) { 
     } 
    }); 
}); 

Answer 1

，你可以使用不同的z索引。例如：

$('#my-dialog23').dialog({ 
      modal: true, 
      width: "600px", 
      height: 400, 
      close: function (event, ui) { 

      }, 
      zIndex:500 
     }); 


$('#my-dialog2').dialog({ 
        modal: true, 
        width: "1200px", 
        height: 700, 
        close: function (event, ui) { 
         $("#my-dialog2").dialog("close"); 
        }, 
        zIndex:501 
       });