2012-07-11 9 views
8

Estoy usando la Fundación Zurb en un sitio, y estaba tratando de obtener una ventana modal trabajando con el plugin Reveal JS. Veo que puede agregar una opción dismissModalClass a los parámetros que pase al reveal() que conectará un controlador de eventos a un botón, etc. que cerrará el modal al hacer clic.modal "Unreveal" usando la Fundación Zurb

¿Hay alguna manera de cerrar manualmente la ventana modal con Reveal? Me gustaría poder adjuntar un método cercano a diferentes eventos personalizados.

Respuesta

22

Simplemente podría desencadenar el clic de forma dinámica en otro evento haciendo algo como esto

$('.close-reveal-modal','#myModal').click() 

ACTUALIZACIÓN

Después de mirar a través del código fuente del plugin, que parece que se unen a un evento al elemento modal llamado reveal:close. Lo que también puede hacer algo como esto

$('.otherClose').click(function(){ 
    $('#myModal').trigger('reveal:close') 
})​ 

Here is a fiddle

+0

Gracias. Esperaba una solución más elegante, pero si el complemento Reveal no lo tiene incorporado, no lo tiene incorporado. ¡Agradezco la respuesta! – Andrew

+0

Actualicé la respuesta con una solución más elegante, creo :) –

+0

Eso es perfecto. ¡Aceptaría tu respuesta si pudiera! – Andrew

0

Se podría utilizar su plugin de jQuery jquery.foundation.reveal.js

$('#mymModal').reveal({ 
     dismissmodalclass: 'close-reveal-modal' //class name of button to close open dialog 
     } 
    }); 
10

También puede utilizar el siguiente:

$('#myModal').foundation('reveal', 'close'); 
+0

Esto es cierto en Foundation 4, no en 3. – spsaucier

Cuestiones relacionadas