Home/ Questions/Q 7048645
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:55:00+00:00

I’m trying to manually close a Jquery Dialog window on button click without using

  • 0

I’m trying to manually close a Jquery Dialog window on button click without using the $('#id').dialog('close') command.

The reason is that I make an ajax call as the dialog window is opened and so the .dialog no longer works on the response. My issue is that I’ve managed to close the dialog window manually by removing the divs for the window itself and the overlay, but for some reason the background form still remains disabled.

Even though everything seems to be removed, it is still not possible to click on buttons or form fields so I’m wondering if I am missing some piece. Does anyone know what else Jquery uses to disable the background on a modal dialog window?

Update
I tried returning the view from the HomeController in an effort to somehow refresh the page after manually removing the overlay and window. The page is still disabled though and I have yet to find out why.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Based on your description, it sounds like the ajax call is modifying the page in some way that changes the div upon which the jQueryUI dialog is based. After you have invoked the dialog method on a div (or other element) it effectively belongs to jQueryUI and you must not touch it until after you have called .dialog("destroy"). You must either:

    1. Ensure that the div, and the markup that jQueryUI adds around it are not touched by the result of the ajax call or

    2. Just before the div is modified, call $("#id).dialog("destroy"); then recreate the dialog all over again after the ajax call has done its thing.

    • 0