On Wed, Sep 23, 2009 at 9:08 AM, g...@iec <abhi.pur...@gmail.com> wrote:

>
> Hi all,
>
> I have an issue.
>
> I am showing modal loading dialog while making ajax call.
> My dialog config is shown below :
>
> $('#loadingSearch').dialog({
>                        autoOpen: false,
>                        modal: !$.browser.msie,
>                        bgiframe: true,
>                        width: 270,
>                        height: 'auto',
>                        title:'Loading Search',
>                        draggable: false,
>                        resizable: false
>                });
>                $('.ui-dialog .ui-dialog-titlebar').hide();
>                $('#loadingSearch > div:eq(1)').css({'left':'135px'});
>                $('#loadingSearch').dialog('open');
>
> and closed by using following code :
>
> $('#loadingSearch').dialog('close');
>                $('#loadingSearch').dialog('destroy');
>                $('.ui-widget-overlay').remove();
>

any one of

$('#loadingSeach').dialog('close');

$('#loadingSeach').dialog('destroy');

$('#loadingSeach').remove();

should be automatically removing the overlay and restoring the elements to
be clickable. Please put together a minimal test page on jsbin.com (
http://jsbin.com/ ) and post to the jQuery UI list:

http://groups.google.com/group/jquery-ui

Thanks.

- Richard

Reply via email to