2009-06-01 9 views
23

Quiero cerrar una ventana Simplemodal desde una función de JavaScript que se llama automáticamente después de que se envía un formulario y se reciben los resultados (AJAX), utilizando ASP.Net MVC. ¿Cómo cierro un jQuery Simplemodal?¿Cómo cierras un jQuery Simplemodal?

He abierto esta manera:

$("#popup").modal() 

Respuesta

66

Tienes 2 opciones:

1) poner el cierre clase (SimpleModal-cerrar) en un elemento en sus datos modales y SimpleModal se unirá automáticamente la función cerca del evento click en ese elemento.

Tomando el ejemplo anterior, te gustaría:

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

2) Cuando se desea cerrar el diálogo mediante programación, llame a:

$.modal.close(); 

HTH!

-Eric (autor SimpleModal)

+0

¿Dónde está CDN para css of simple modal? He encontrado solo CDN para * .js de modal simple: https://cdn.jsdelivr.net/simplemodal/1.4.4/jquery.simplemodal.min.js – FrenkyB

+1

Gracias Eric por una herramienta maravillosa. – FrenkyB

7

Sólo tiene que llamar estrecha.

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

Si lo hace para completar un ajax, necesita agregar una devolución de llamada. Es posible que desee comprobar el fracaso.

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

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

esto funcionó para mí :) gracias – gfivehost

1
$.modal.close(); 

o puede utilizar comando siguiente

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

Si ninguna de las soluciones anteriores funciona, también puede tratar de activar el evento clic del cierre botón (siempre que se coloque dentro del elemento emergente).

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

o en su defecto, con Javascript.

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

Gracias, esto funcionó para mí. – Matheno

Cuestiones relacionadas