Können wir Dialog innerhalb eines Dialogs öffnen?

Question

Ich habe eine Schaltfläche, die beim Klicken öffnet Jquery Dialog. In diesem Jquery-Dialog habe ich einen weiteren Button, der beim Klicken einen weiteren Dialog öffnen soll. Der 1. Dialog ist korrekt geöffnet, aber der 2. Dialog öffnet sich nicht. Kann mir jemand sagen, was das Problem sein kann?

Beide Dialoge sind nicht modal. Trotzdem wird der erste geöffnet, aber der zweite nicht.

Vielen Dank im Voraus :)

Answer 1

Ja, es ist möglich. Das mache ich die ganze Zeit. Bitte poste etwas Code, damit wir sehen können, was falsch ist.

Stellen Sie sicher, die "Stack" -Eigenschaft auf true gesetzt haben, etwa so:

var DialogOptions = { 
    draggable: false, 
    resizable: false, 
    stack: true 
}; 

$('selector').dialog(DialogOptions); 

Beschreibung von jquery Dokumentation:

Gibt an, ob der Dialog Stapel auf andere Dialoge . Diese wird dazu führen, dass der Dialog in die Front anderer Dialoge verschoben wird, wenn er Fokus erhält.

Codebeispiele

einen Dialog mit der angegebenen Stapel Option initialisieren.

$(".selector").dialog({ stack: false }); 

Holen oder setzen Sie die Stapeloption, nach init.

//getter 
var stack = $(".selector").dialog("option", "stack"); 
//setter 
$(".selector").dialog("option", "stack", false); 

Answer 2

Ich weiß nicht, was ein jquery Dialog ist aber hier wäre meine Vermutung sein, dass der Code das gleichen Block (Element) zielt, wenn zeigen/einen Dialog zu schaffen, könnte der Dialog haben einige Optionen, in dem Sie festlegen können, wie es Ihr Dialog aussehen durch Dokumentation nach Ihren Bedürfnissen öffnet und Sie werden wahrscheinlich gut gehen

Blick in Optionen wie stack

, wenn Sie schreiben nicht jeder Code, den Sie nicht erwarten können nymore Hilfe dann diese

Answer 3

ich die ganze Zeit doit:

function createParentDialog() 
{ 
$('#parentDialog').dialog({ 
       autoOpen: false, 
       height: 220, 
       width: 380, 
       resizable: false, 
       modal: false, 
       buttons: { 
        "Close": function(){ 
          $(this).dialog("close"); 
         }, 
        "Show ChildDialog": function(){ 
          showChildDialog(); 
         } 
       } 
       }); 
    function createChildDialog() 
    { 
    $('#childDialog').dialog({ 
      autoOpen: false, 
      height: 220, 
      width: 380, 
      resizable: false, 
      modal: false}); 
    } 

$(document).ready(function() { 
     createChildDialog(); 
     createParentDialog(); 
    });