2009-06-01 7 views
23

Je souhaite fermer une fenêtre Simplemodal à partir d'une fonction JavaScript qui est appelée automatiquement après la soumission d'un formulaire et la récurrence des résultats (AJAX), à l'aide de ASP.Net MVC. Comment fermer un jQuery Simplemodal?Comment fermez-vous un jQuery Simplemodal?

J'ai ouvert cette façon:

$("#popup").modal() 

Répondre

66

Vous avez 2 options:

1) Mettez la classe proche (SimpleModal-fermeture) sur un élément dans vos données modales et SimpleModal se lient automatiquement la fonction proche de l'événement, cliquez sur cet élément.

Prenant l'exemple ci-dessus, vous voulez:

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

2) Lorsque vous souhaitez fermer la boîte de dialogue programatically, appelez:

$.modal.close(); 

HTH!

-Eric (auteur SimpleModal)

+0

Où est CDN pour css de modal simple? J'ai trouvé seulement CDN pour * .js de modal simple: https://cdn.jsdelivr.net/simplemodal/1.4.4/jquery.simplemodal.min.js – FrenkyB

+1

Merci Eric pour un outil merveilleux. – FrenkyB

7

appellent juste à proximité.

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

Si vous le faites pour un ajax terminé, vous devez ajouter un rappel. Vous pouvez vouloir vérifier l'échec.

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

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

cela a fonctionné pour moi :) merci – gfivehost

1
$.modal.close(); 

ou vous pouvez utiliser la commande suivante

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

Si aucune des solutions ci-dessus fonctionne, vous pouvez également essayer de déclencher l'événement clic de la fermeture bouton (tant qu'il est placé à l'intérieur de l'élément popup).

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

ou, à défaut, avec Javascript.

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

Merci, cela a fonctionné pour moi. – Matheno

Questions connexes