Foundation - Reveal JavaScript Reference

Foundation fornisce componenti JavaScript per la rivelazione modale come elencato di seguito:

Inizializzazione

È possibile inizializzare il riquadro in JavaScript utilizzando i plug-in foundation.reveal.js e foundation.core.js . Il plugin foundation.core.js richiede le seguenti librerie:

  • foundation.util.keyboard.js

  • foundation.util.box.js

  • foundation.util.triggers.js

  • foundation.util.mediaQuery.js

  • foundation.util.motion.js

Fondazione Rivelare

Specifica l'istanza dello spallamento come definito di seguito -

var my_element = new Foundation.Reveal(element);

La rivelazione include i seguenti valori come elencato nella tabella:

Sr.No. Nome e descrizione genere
1

element

Usa l'oggetto jQuery per il modal.

 Numero
2

options

Specifica i parametri opzionali per il modal.

 Oggetto

Opzioni plugin

È possibile utilizzare le seguenti opzioni del plug-in per personalizzare l'istanza di rivelazione.

Sr.No. Nome e descrizione Esempio
1

animationIn

Viene utilizzato per elementi animati.

 "slide-in-left"
2

animationOut

Viene utilizzato per elementi animati.

 'slide-out-right'
3

showDelay

Visualizza il tempo impiegato per aprire il modale in ms.

 10
4

hideDelay

Visualizza il tempo impiegato per chiudere il modale in ms.

 10
5

closeOnClick

Chiude il modale quando si fa clic sul corpo o sulla sovrapposizione.

 vero
6

closeOnEsc

Chiude il modale quando si fa clic sul tasto "ESCAPE".

 vero
7

multipleOpened

Visualizza i più modali contemporaneamente.

 falso
8

vOffset

Specifica la distanza in pixel quando modale deve spingere verso il basso dalla parte superiore dello schermo.

 100
9

hOffset

Specifica la distanza in pixel quando modale deve spingere verso il basso dalla parte superiore dello schermo.

 0
10

fullScreen

È possibile creare modali a schermo intero in base alla larghezza e all'altezza della finestra.

 falso
11

btmOffsetPct

Quando il modale deve spingere verso l'alto dalla parte inferiore della visualizzazione, specifica la percentuale di altezza dello schermo.

 10
12

overlay

Quando modale si apre, genererà un div overlay.

 vero
13

resetOnClose

Specifica che il modal deve essere reimpostato quando lo si chiude.

 falso

Eventi

Reveal fornisce i seguenti eventi come elencati nella tabella:

Sr.No. Descrizione dell'evento
1

closeAll.zf.reveal

Chiude tutti i modali correnti prima di aprire il nuovo modale.
2

open.zf.reveal

Attiva l'evento quando apri correttamente il modale.
3

closed.zf.reveal

Attiva l'evento quando chiude il modale.

Funzioni

Reveal fornisce le seguenti funzioni:

Sr.No. Descrizione della funzione
1

.open

Aprirà il modale, che è controllato da questo. $ Anchor e chiude gli altri modali.
2

.close

Chiuderà il modale.
3

.toggle

Alterna lo stato di un modale.
4

.destroy

Distrugge l'istanza modale.