Riferimento JavaScript per il menu della fisarmonica
Foundation fornisce componenti JavaScript per un menu a fisarmonica come elencato di seguito.
Inizializzazione
Puoi inizializzare il menu della fisarmonica in JavaScript utilizzando i plugin foundation.accordionmenu.js e foundation.core.js . Il plugin richiede le seguenti librerie:
foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js
Foundation.AccordionMenu
Specifica l'istanza di un menu a fisarmonica come definito di seguito:
var elem = new Foundation.AccordionMenu(element);| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 | element Crea un oggetto jQuery in un menu a fisarmonica. |
jQuery |
| 2 | options L'impostazione predefinita del plugin è override. |
Oggetto |
Opzioni plugin
È possibile utilizzare il seguente plug-in per personalizzare l'istanza del menu a fisarmonica. È possibile impostare l'opzione del plug-in come attributi di dati individuali.
| Sr.No. | Nome e descrizione | Esempio |
|---|---|---|
| 1 | slideSpeed Imposta il tempo in ms (millisecondi) per animare l'apertura di un sottomenu. |
250 |
| 2 | multiOpen Sono consentiti più riquadri aperti nel menu. |
vero |
Eventi
Il plug-in dei menu a fisarmonica allegato a qualsiasi elemento può attivare il seguente evento.
| Sr.No. | Nome e descrizione |
|---|---|
| 1 | down.zf.accordion menu Attiva un evento quando il menu viene compresso. |
| 2 | up.zf.accordion menu Attiva un evento quando il menu viene ridotto. |
Funzioni
Le seguenti sono le funzioni usate nel menu della fisarmonica.
.nascondi tutto
Chiude tutti i riquadri del menu aperti.
.toggle
Passa allo stato di apertura / chiusura del sottomenu.
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 | $target Attiva / disattiva il sottomenu. |
jQuery |
.giù
I sottomenu vengono aperti definiti da $target.
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 | $target Apre il sottomenu. |
jQuery |
.su
I sottomenu vengono chiusi definiti da $target. Chiude inoltre i sottomenu presenti all'interno del target.
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 | $target Chiude i sottomenu. |
jQuery |
.distruggere
Il menu della fisarmonica viene distrutto.