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