I have a page with two dialogs in it, both are modal and reference
different elements within the page (i.e. two different forms)
$("#dialog-page").dialog({
modal: true,
width: 500,
height: 450,
title: 'Add/Edit Page',
autoOpen: false,
overlay: {
opacity: 0.5,
background: "black"
}
});
$("#dialog-groups").dialog({
modal: true,
width: 500,
height: 450,
title: 'Manage Groups',
autoOpen: false,
overlay: {
opacity: 0.5,
background: "black"
}
});
When calling $("#dialog-page").dialog("open"); it appends the overlays
for both dialogs to the body so you end up with the opacity being 1
and when you close the dialog it only destroys one of the overlay
elemnts.
I have managed to hack it for the time being by setting opacity to
0.25 and adding a function to the close option to destroy all divs
with a class of "ui.dialog-overlay"
close: function() {$(".ui-dialog-overlay").remove();},
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
