Question

I have a button which on clicking opens jquery dialog. Inside that jquery dialog i have another button which on clicking should open yet another dialog. The 1st dialog is open correctly but the 2nd dialog is not opening. Can anybody tell me what can be the problem?

Both the dialogs are non modal. Still, the 1st one gets opened but the 2nd one doesn’t.

Thanks in advance 🙂

Answer 1

Yes it’s possible. I do it all the time. Please post some code so we can see what’s wrong.

Make sure you have the “stack” property set to true, like so:

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

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

description from jquery documentation:

Specifies whether the dialog will
stack on top of other dialogs. This
will cause the dialog to move to the
front of other dialogs when it gains
focus.

Code examples

Initialize a dialog with the stack option specified.

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

Get or set the stack option, after init.

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