Foundation - Riferimento JavaScript per schede

Foundation fornisce componenti JavaScript per le schede come elencato di seguito:

Inizializzazione

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

  • foundation.util.keyboard.js

  • foundation.util.timerAndImageLoader.js

Foundation.Tabs

Specifica l'istanza delle schede come definito di seguito:

var my_element = new Foundation.Tabs(element);

Le schede includono i seguenti valori:

Sr.No. Nome e descrizione genere
1

element

Usa l'oggetto jQuery per le schede.

 Numero
2

options

Sostituisce le impostazioni predefinite del plug-in per le schede.

 Oggetto

Opzioni plugin

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

Sr.No. Nome e descrizione Esempio
1

autoFocus

Se si imposta questo plugin su true, la finestra scorrerà fino al contenuto del riquadro attivo al caricamento.

 falso
2

wrapOnKeys

Avvolge il contenuto attorno ai collegamenti delle schede utilizzando l'input da tastiera.

 vero
3

matchHeight

Corrisponde all'altezza dei riquadri del contenuto della scheda impostandolo su true.

 falso
4

linkClass

Viene applicato all'elenco dei link "li's in tab".

 "tabs-title"
5

panelClass

Viene applicato ai contenitori di contenuto.

 "pannello a schede"

Eventi

Tabs fornisce il seguente evento come elencato nella tabella:

Sr.No. Descrizione dell'evento
1

change.zf.tabs

Si attiva quando il plug-in cambia la scheda con successo.

Funzioni

Le schede forniscono le seguenti funzioni come definito di seguito:

._handleTabChange

Gestisce la scheda $ targetContent specificata dalla funzione $ target come mostrato nella tabella seguente:

Sr.No. Nome e descrizione genere
1

$target

Si aprirà la scheda.

 jQuery

.selectTab

Viene utilizzato per selezionare il riquadro del contenuto per visualizzare il contenuto e può essere specificato come mostrato nella tabella seguente:

Sr.No. Nome e descrizione genere
1

elem

Utilizza l'oggetto jQuery o l'ID del riquadro per visualizzare il riquadro del contenuto.

 jQuery

.distruggere

Viene utilizzato per distruggere l'istanza della scheda.