Can you post a sample page showing this problem? Also, which version
are you using?
On Oct 14, 8:32 am, Jamie <[EMAIL PROTECTED]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
