Come chiudere jQuery Dialog all'interno della finestra di dialogo?

Question

Come chiudere jQuery Dialog all'interno della finestra di dialogo senza utilizzare il pulsante di chiusura?

All'interno della finestra di dialogo ui è una semplice richiesta di modulo e in caso di invio riuscito, la finestra di dialogo ui chiude e rinfresca automaticamente la pagina padre.

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#form-dialog").dialog({ 
       autoOpen: true, 
       modal: true, 
       width: 200, 
       draggable: true, 
       resizable: true 
      }); 
     }); 
    </script> 


    <div id="form-dialog" title="Form Submit"> 
    <form action="default.aspx" method="post"> 
    <input type="text" name="name" value=" " />  
    <input type="submit" value="submit" /> 

    <a href="#" id="btnDone">CLOSE</a> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#btnDone").click(function() { 
      $(this).dialog('close'); 
     }); 
    }); 
    </script> 

    </form> 
    </div> 

-imperialx

Answer 1

si può chiudere a livello di codice chiamando

$('#form-dialog').dialog('close') 

ogni volta che vuoi.

Answer 2

È necessario

$('selector').dialog('close'); 

Answer 3

     $(document).ready(function() { 
      $("#form-dialog").dialog({ 
       autoOpen: true, 
       modal: true, 
       width: 200, 
       draggable: true, 
       resizable: true, 
       buttons: { 
        "Close": function() { 
         $("#idDialog").dialog("close"); 
        } 
       } 
      }); 
     }); 

Questo vi farà un pulsante per chiudere. puoi anche chiamare la funzione close

$("#idDialog").dialog("close"); 

in alcune funzioni per farlo. o anche in un pulsante/a EDIT

< a href="javascript:void(0);" id="btnDone" 
           onClick="$("#idDialog").dialog("close");">CLOSE</a> 

: avete bisogno di questo per includere il dialogo in forma:

open: function (type, data) { 
      $(this).parent().appendTo($("form:first")); 
     } 

Answer 4

Try This

$(this).closest('.ui-dialog-content').dialog('close'); 

Sarà chiudere la finestra dentro.

Answer 5

sostituire una stringa di

$("#form-dialog").dialog('close'); 

$ (this) qui significa un altro oggetto $ ("# btnDone")

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form-dialog").dialog({ 
      autoOpen: true, 
      modal: true, 
      width: 200, 
      draggable: true, 
      resizable: true 
     }); 
    }); 
</script> 


<div id="form-dialog" title="Form Submit"> 
<form action="default.aspx" method="post"> 
<input type="text" name="name" value=" " />  
<input type="submit" value="submit" /> 

<a href="#" id="btnDone">CLOSE</a> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#btnDone").click(function() { 
//I've replaced next string 
// $(this) here means another object $("#btnDone") 
    $("#form-dialog").dialog('close'); 
    }); 
}); 
</script> 

</form> 
</div> 

Answer 6

$(this).parents(".ui-dialog-content").dialog('close') 

semplice, mi piace per assicurarsi che I don' t:

1. valori di dialogo #id.
2. Chiudi tutte le finestre di dialogo.

Answer 7

L'aggiunta di questo collegamento nel aperta

$(this).parent().appendTo($("form:first")); 

funziona perfettamente.

Answer 8

Chiudi dal IFRAME all'interno di una finestra di dialogo:

window.parent.$('.ui-dialog-content:visible').dialog('close'); 

Answer 9

Dopo aver controllato tutte queste risposte sopra, senza fortuna, il codice folling lavorato per me per risolvere il problema:

$(".ui-dialog").dialog("close"); 

Forse questo sarà anche un buon tentativo se cercate alternative.