¿Cómo cierro programáticamente un cuadro modal abierto de jquery.reveal.js?

Question

Estoy usando el complemento Reveal jQuery. http://www.zurb.com/playground/reveal-modal-plugin

Necesito cerrar programáticamente el cuadro de modelo cuando haya terminado, sin embargo, esa característica no se incluye directamente con el complemento.

De acuerdo con Dave en el comments page,

"El código está ahí, sólo hay que conectarlo a ser llamado mediante programación."

Answer 1

Puedes hacerlo de varias maneras.

Gatillo un clic a través de jQuery en el elemento dismissmodalclass (por defecto es 'Primer revelar-modal')

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

O

añadir esto a reveal.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}); 
} 

y use

$('#your_modal_box').hideModal() 

Answer 2

Si tu ID de modal se revelan-modal ', entonces sólo esta línea lo hará:

$('#reveal-modal').trigger('reveal:close'); 

Answer 3

Usted puede hacer que, si bien el registro de su div/elemento de revelar.

supongamos, [reveal-div] te estás registrando para revelar. Y supongamos que tiene un botón/div [close-reveal] en el que desea cerrar su revelación. Luego pase [close-reveal] como [dismissModalClass] como se muestra a continuación.

$('.reveal-div').reveal({   
     dismissModalClass : "close-reveal" 
    }); 

Answer 4

La clase modales es generalmente 'revelador-modal'. por lo que cambiar la búsqueda de ser clase basada en lugar de Identificación basada, hace que este trabajo de más casos:

$('.reveal-modal').trigger('reveal:close'); 

Answer 5

Este código funciona para mí: $('#reveal-modal').trigger('reveal:close');

que tenía un campo de texto con cremallera y un boton que se abre otro pop-up

Answer 6

$ ('# your_modal_box'). foundation ('reveal', 'close');

obras de fundamento ZURB

Answer 7

yo descubrimos un error en bases mayores/revelar la biblioteca cuando se llama 'revelan: cerrar' evento por segunda vez después de diálogo se oculta y se muestra una vez más - no funciona. Después de horas de depuración encontré el siguiente hack de CSS que oculta el modal: $ ("# reveal-modal") [0] .style.cssText = "visibility: hidden;"