How to close jQuery Dialog within the dialog

Question

How to close jQuery Dialog within the dialog without using the close button   Inside the Dialog is a simple form request  If a successful submission occurs  then the UI dialog automatically closes and refreshes the parent page    lt script type  text javascript  gt        document  ready function                  form-dialog   dialog               autoOpen  true              modal  true              width  200              draggable  true              resizable  true                      lt  script gt    lt div id  form-dialog  title  Form Submit  gt       lt form action  default aspx  method  post  gt           lt input type  text  name  name  value       gt               lt input type  submit  value  submit    gt            lt a href     id  btnDone  gt CLOSE lt  a gt            lt script type  text javascript  gt            document  ready function                      btnDone   click function                        this  dialog  close                                         lt  script gt       lt  form gt   lt  div gt

User · Answer

this  parents   ui-dialog-content   dialog  close     Simple  I like to make sure I don t    hardcode dialog  id values    Close all dialogs

User · Answer

you can close it programmatically by calling       form-dialog   dialog  close     whenever you want

User · Answer

Close from iframe inside a dialog   window parent     ui-dialog-content visible   dialog  close

User · Answer

better way is  destroy and remove  instead of  close   it will remove dialog s  html  from the DOM    this  closest   ui-dialog-content   dialog  destroy   remove

User · Answer

Using   this  dialog  close    only works inside the click function of a button within the modal  If your button is not within the dialog box  as in this example  specify a selector         form-dialog   dialog  close      For more information  see the documentation

User · Answer

Try This    this  closest   ui-dialog-content   dialog  close       It will close the dialog inside it

User · Answer

After checking all of these answers above without luck  the folling code worked for me to solve the problem       ui-dialog   dialog  close      Maybe this will be also a good try if you seek for alternatives

User · Answer

replace one  string to      form-dialog   dialog  close        this  here means another object     btnDone      lt script type  text javascript  gt        document  ready function                  form-dialog   dialog               autoOpen  true              modal  true              width  200              draggable  true              resizable  true                      lt  script gt     lt div id  form-dialog  title  Form Submit  gt   lt form action  default aspx  method  post  gt   lt input type  text  name  name  value       gt       lt input type  submit  value  submit    gt    lt a href     id  btnDone  gt CLOSE lt  a gt    lt script type  text javascript  gt    document  ready function              btnDone   click function         I ve replaced next string       this  here means another object     btnDone         form-dialog   dialog  close                 lt  script gt    lt  form gt   lt  div gt

User · Answer

document  ready function                      form-dialog   dialog                   autoOpen  true                  modal  true                  width  200                  draggable  true                  resizable  true                  buttons                         Close   function                                  idDialog   dialog  close                                                                          This will make you a button to close  you can also call the function close       idDialog   dialog  close      in some function to do this  or even in a button a   lt  a href  javascript void 0    id  btnDone                                   onClick      idDialog   dialog  close     gt CLOSE lt  a gt    EDIT  you need this to include your dialog into form   open  function  type  data                  this  parent   appendTo    form first

User · Answer

You need     selector   dialog  close

User · Answer

Adding this link in the open     this  parent   appendTo    form first       works perfectly

[jquery] How to close jQuery Dialog within the dialog?

Examples related to jquery

Examples related to jquery-ui

Examples related to jquery-ui-dialog