Foundation - Riferimento JavaScript Slider
Descrizione
Foundation fornisce componenti JavaScript per gli slider.
Inizializzazione
Insieme al plugin foundation.core.js , devi includere foundation.slider.js nel tuo JavaScript per utilizzare questo plugin. Questo plugin richiede le seguenti librerie di utilità elencate.
foundation.util.motion.js
foundation.util.triggers.js
foundation.util.keyboard.js
foundation.util.touch.js
Foundation.Slider
Viene utilizzato per creare una nuova istanza di un menu di drilldown.
var elem = new Foundation.Slider(element);La tabella seguente elenca i parametri utilizzati da Foundation.slider .
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 | element L'oggetto jQuery viene utilizzato per creare un menu a fisarmonica. |
jQuery |
| 2 | options Sostituisce le impostazioni predefinite del plug-in. |
Oggetto |
Opzioni plugin
Per personalizzare un'istanza del dispositivo di scorrimento, è possibile utilizzare le opzioni del plug-in. Queste opzioni possono essere impostate come un oggetto passato al costruttore del plug-in, attributi di dati individuali o un attributo di opzioni dati combinato . La tabella seguente mostra come inizializzare i plugin JavaScript.
| Sr.No. | Nome e descrizione | Esempio |
|---|---|---|
| 1 | start Valore minimo della scala del cursore. |
0 |
| 2 | end Valore massimo della scala del cursore. |
100 |
| 3 | step Rappresenta la variazione del valore minimo per evento di modifica. Attualmente non implementato. |
|
| 4 | initialStart Valore al quale la maniglia sinistra / primo ingresso deve essere impostata su durante l'inizializzazione. |
0 |
| 5 | initialEnd Valore al quale la maniglia destra / secondo input deve essere impostata sull'inizializzazione. |
100 |
| 6 | binding Consente l'ingresso di essere posizionato all'esterno del contenitore e visibile. |
falso |
| 7 | clickSelect Ti consente di fare clic o toccare sulla barra di scorrimento per scegliere un valore. |
vero |
| 8 | vertical Quando è impostato su true e usa la classe verticale , consente di modificare l'allineamento in verticale. |
falso |
| 9 | draggable Consente di trascinare le maniglie di scorrimento per scegliere un valore. |
vero |
| 10 | disabled Impedisce l'applicazione dei listener di eventi e disabilita il dispositivo di scorrimento. Controllo incrociato di JS con "disabledClass". |
falso |
| 11 | doubleSided Consente l'utilizzo di due maniglie e il controllo incrociato della JS. |
falso |
| 12 | decimal Rappresenta il numero di cifre decimali che il plug-in deve avere per la precisione in virgola mobile. |
2 |
| 13 | moveTime È il momento di animare il movimento di una maniglia di scorrimento quando l'utente fa clic sulla barra. Se si aggiorna il tempo di transizione nelle impostazioni di Sass, è necessario impostarlo manualmente. |
200 |
| 14 | disabledClass Utilizzato per disabilitare lo slider |
'Disabilitato' |
Eventi
Questi eventi si attivano da qualsiasi elemento con un plug-in Slider allegato. Il move.zf.slider si attiva quando il movimento della maniglia è completato.
Funzioni
Il .destroy viene utilizzato per distruggere il plugin slider.