Foundation - Riferimento JavaScript a discesa
Foundation fornisce componenti JavaScript per un menu a discesa come elencato di seguito.
Inizializzazione
È possibile inizializzare il menu a discesa in JavaScript utilizzando i plug-in foundation.dropdownMenu.js e foundation.core.js . Il plugin richiede le seguenti librerie:
foundation.util.keyboard.js
foundation.util.box.js
foundation.util.nest.js
Foundation.DropdownMenu
Specifica l'istanza di un menu a discesa come definito di seguito:
var elem = new Foundation.DropdownMenu(element);| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 |
Element Crea un oggetto jQuery in un menu a discesa. |
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 discesa. È possibile impostare l'opzione del plug-in come attributi di dati individuali.
| Sr.No. | Nome e descrizione | Esempio |
|---|---|---|
| 1 |
disableHover L'evento al passaggio del mouse è disabilitato dall'apertura di submenus.false |
falso |
| 2 |
autoclose Automaticamente, i sottomenu vengono chiusi quando il mouse esce dall'evento. |
vero |
| 3 |
hoverDelay Ritarda il tempo durante l'apertura dei sottomenu all'evento al passaggio del mouse. |
50 |
| 4 |
clickOpen I sottomenu possono rimanere aperti sull'evento clic principale. |
vero |
| 5 |
closingTime Ritarda il tempo durante la chiusura dei sottomenu in caso di uscita del mouse. |
500 |
| 6 |
alignment A seconda del menu, la direzione è impostata per aprire i sottomenu. |
'sinistra' |
| 7 | closeOnClick I sottomenu aperti si chiudono con un clic sul corpo. |
vero |
| 8 |
verticalClass Per impostare il menu verticale, viene utilizzata la classe verticale . |
'verticale' |
| 9 |
rightClass Imposta il menu sul lato destro. |
'allineare a destra' |
| 10 |
forceFollow Per eseguire l'azione predefinita, il booleano forza l'override dei collegamenti del clic sull'evento del secondo tocco per i dispositivi mobili. |
falso |
Eventi
Il plug-in dei menu a discesa allegato a qualsiasi elemento può attivare il seguente evento.
| Sr.No. | Nome e descrizione |
|---|---|
| 1 |
show.zf.dropdown menus Attiva un evento quando è visibile un nuovo riquadro a discesa. |
| 2 |
hide.zf.dropdown menus Attiva un evento quando i menu aperti vengono chiusi. |
Funzioni
.distruggere
Il plugin viene distrutto.