Comment puis-je programmatiquement fermer un jquery ouvert.révéler.js modal box?

j'utilise le plugin Reveal jQuery. http://www.zurb.com/playground/reveal-modal-plugin

je dois programmatiquement fermer la boite model quand j'en ai fini avec elle, cependant cette fonctionnalité n'est pas incluse directement avec le plugin.

Selon Dave dans le page de commentaires,

"Le code est là, juste besoin de le raccorder à être appelé par programmation."

24
demandé sur TJ McKenzie 2011-02-03 12:31:55
la source

7 ответов

si l'id de votre modal est 'reveal-modal', alors juste cette ligne le fera:

$('#reveal-modal').trigger('reveal:close');
47
répondu Silas Snider 2012-02-08 07:32:26
la source

Vous pouvez le faire de deux manières.

déclencher un clic via jquery sur l'élément dismissmodalclass (par défaut à 'close-reveal-modal')

 $('.close-reveal-modal').click();

OR

ajouter ceci pour révéler.js

$.fn.hideModal = function(options){
  var self        = this,
      modal       = $(self),
      topMeasure  = parseInt(modal.css('top'));
  $('.reveal-modal-bg').css({'display' : 'none'});      
  modal.css({'visibility' : 'hidden', 'top' : topMeasure});
}

et utiliser

$('#your_modal_box').hideModal()
11
répondu Cory 2011-02-16 23:09:56
la source

la classe modals est habituellement 'reveal-modal'. donc changer la recherche pour être basée sur la classe plutôt que sur l'id, fait que cela fonctionne pour plus de cas:

$('.reveal-modal').trigger('reveal:close');
3
répondu Paul Millsaps 2013-03-26 00:43:53
la source

Vous pouvez faire cela en enregistrant votre div/element reveal.

supposez, [reveal-div] vous vous enregistrez pour reveal. Et supposons que vous avez un bouton/div [fermer-révéler] onclick dont vous souhaitez fermer votre révéler. Puis passez [close-reveal] comme [rejegmodalclass] comme indiqué ci-dessous.

    $('.reveal-div').reveal({           
        dismissModalClass : "close-reveal"
    });
2
répondu vivekj011 2012-06-27 14:13:17
la source

$('#your_modal_box').fondation('révéler', 'fermer');

travaux pour la fondation zurb

2
répondu vidalsasoon 2014-08-27 18:21:25
la source

Ce code fonctionne pour moi: $('#reveal-modal').trigger('reveal:close');

j'avais un champ de texte zip et un buttom qui ouvrait un autre pop up

1
répondu Anil 2013-04-11 13:53:36
la source

j'ai découvert un bug dans la bibliothèque de la fondation/reveal plus ancienne en appelant l'événement 'reveal:close' la deuxième fois après que le dialogue a été caché et montré à nouveau - ne fonctionne pas. Après des heures de débogage, j'ai trouvé le hack CSS suivant qui cache de force le modal.: $("#révèlent-modale")[0].style.csstext = "visibility: hidden;"

0
répondu user2002018 2017-01-03 07:26:41
la source

Autres questions sur