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 
       });