2012-07-11 17 views
8

Sto usando Zurb Foundation su un sito e stavo cercando di ottenere una finestra modale che funzionasse con il Reveal JS Plugin. Vedo che è possibile aggiungere un'opzione dismissModalClass ai parametri passati a reveal() che collegherà un gestore di eventi a un pulsante, ecc. Che chiuderà la modale al clic.Modale "Unreveal" usando Zurb Foundation

C'è un modo per chiudere manualmente la finestra modale con Reveal? Mi piacerebbe essere in grado di collegare un metodo vicino a diversi eventi personalizzati.

risposta

22

Si potrebbe semplicemente far scattare il click in modo dinamico in un altro evento facendo qualcosa di simile

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

UPDATE

Dopo aver guardato attraverso il codice sorgente del plugin, sembra che legano un evento per l'elemento modale chiamato reveal:close. Così si può anche fare qualcosa di simile

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

Here is a fiddle

+0

Grazie. Speravo in una soluzione più elegante, ma se il plugin Reveal non lo ha integrato, non lo ha integrato. Apprezzo la risposta! – Andrew

+0

Ho aggiornato la risposta con una soluzione più elegante, penso :) –

+0

Questo è perfetto. Accetterei doppiamente la tua risposta se potessi! – Andrew

0

Si potrebbe utilizzare il loro plugin per jQuery jquery.foundation.reveal.js

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

È inoltre possibile utilizzare il seguente:

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

Questo è vero in Foundation 4, non in 3. – spsaucier

Problemi correlati