Foundation - Riferimento JavaScript in dettaglio

Foundation fornisce componenti JavaScript per un menu di drilldown come elencato di seguito.

Inizializzazione

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

  • foundation.util.keyboard.js

  • foundation.util.motion.js

  • foundation.util.nest.js

Foundation.Drilldown

Specifica l'istanza di un menu di drilldown come definito di seguito:

var elem = new Foundation.Drilldown(element);

Sr.No. Nome e descrizione genere
1

element

Crea un oggetto jQuery in un menu di drilldown.

 jQuery
2

options

L'impostazione predefinita del plugin è override.

 Oggetto

Opzioni plugin

È possibile utilizzare il seguente plug-in per personalizzare l'istanza del menu drilldown. È possibile impostare l'opzione del plug-in come attributi di dati individuali.

Sr.No. Nome e descrizione Esempio
1

backButton

La classe js-drilldown-back è obbligatoria. Per il pulsante Indietro generato da JS, viene utilizzato il markup.

 
<\li><\a>Back<\/a><\/li>
2

wrapper

La classe is-drilldown è richiesta per uno stile indipendente.

 
<\div class = "is-drilldown"><\/div>
3

closeOnClick

Cliccando sul corpo aiuta il menu a tornare all'elenco principale.

 falso

Eventi

Il plug-in dei menu di drilldown allegato a qualsiasi elemento può attivare il seguente evento.

Sr.No. Nome e descrizione
1

closed.zf.drilldown menu

Attiva un evento quando il menu è completamente chiuso.
2

hide.zf.drilldown menus

Attiva un evento quando i sottomenu aperti sono chiusi.

Funzioni

Di seguito sono riportate le funzioni utilizzate nel menu drilldown.

._nascondi tutto

Chiude tutti gli elementi aperti e torna al menu principale.

._indietro

In ogni pulsante Indietro è incluso il listener di eventi.

Sr.No. Nome e descrizione genere
1

$elem

L' evento back è incluso nel sottomenu corrente.

 jQuery

._spettacolo

I sottomenu vengono aperti.

Sr.No. Nome e descrizione genere
1

$elem

Apre i sottomenu correnti.

 jQuery

._nascondere

Il sottomenu è nascosto.

Sr.No. Nome e descrizione genere
1

$elem

Nasconde il sottomenu corrente

 jQuery

.distruggere

Il menu di drilldown viene distrutto.