2009-06-01 3 views
23

Desidero chiudere una finestra Simplemodal da una funzione JavaScript che viene chiamata automaticamente dopo che un modulo è stato inviato e i risultati ricevuti (AJAX), utilizzando ASP.Net MVC. Come posso chiudere un jQuery Simplemodal?Come si chiude un jQuery Simplemodal?

ho aperto in questo modo:

$("#popup").modal() 

risposta

66

Hai 2 opzioni:

1) Inserire la classe vicino (SimpleModal chiude) su un elemento nei dati modali e SimpleModal legherà automaticamente la funzione vicino al l'evento click su questo elemento.

Prendendo l'esempio di cui sopra, che ci si vuole:

<div id="foo" style="display:none"> 
    <p>Form HTML</p> 
    <span class="simplemodal-close">Close</span> 
</div> 

2) Quando si desidera chiudere la finestra programatically, chiamano:

$.modal.close(); 

HTH!

-Eric (autore SimpleModal)

+0

Dove è CDN per css di modale semplice? Ho trovato solo CDN per * .js di modale semplice: https://cdn.jsdelivr.net/simplemodal/1.4.4/jquery.simplemodal.min.js – FrenkyB

+1

Grazie Eric per uno strumento meraviglioso. – FrenkyB

7

basta chiamare vicino.

$("#popup").close(); 

Se si sta facendo per un completamento ajax è necessario aggiungere un callback. Si consiglia di verificare la presenza di errori.

var foo = $("#popup").modal(); 

$.ajax({url:url, success:function(){ 
    foo.close(); 
}}); 
+0

questo ha funzionato per me :) grazie – gfivehost

1
$.modal.close(); 

oppure è possibile utilizzare seguente comando

setTimeout('goto_previous_page()', 1000); 
4

Se nessuna delle soluzioni sopra funziona, si può anche provare ad attivare l'evento click del vicino pulsante (purché collocato all'interno dell'elemento popup).

$(".simplemodal-close").trigger("click"); 

o in mancanza, con Javascript.

document.getElementById('closeModalButton').click(); 
+0

Grazie, questo ha funzionato per me. – Matheno