jQuery Mobile - Slider
Il dispositivo di scorrimento consente di scegliere un valore numerico da un intervallo di valori. Il cursore fornisce una maniglia per scorrere e selezionare un valore.
La tabella seguente elenca i tipi di slider utilizzati in jQuery Mobile:
| Sr.No. | Tipo di cursore e descrizione |
|---|---|
| 1 | Slider di base Per aggiungere un widget slider, utilizza l'input con l' attributo type = "range" . |
| 2 | Attributo Step È possibile forzare lo snap del dispositivo di scorrimento a un incremento specifico aggiungendo l'attributo step a <input> . |
| 3 | Evidenziare Per evidenziare il riempimento sulla traccia fino alla posizione della maniglia del cursore, aggiungi l' attributo data-highlight = "true" . |
| 4 | Tema Per impostare il campione del tema per il tuo cursore, puoi aggiungere l' attributo del tema dei dati a <input> . |
| 5 | Mini dimensioni Per una versione più compatta dello slider puoi utilizzare l' attributo data-mini nel tuo <input> . |
| 6 | Disabilitato È possibile disabilitare il dispositivo di scorrimento utilizzando l' attributo disabilitato . |
| 7 | Etichetta nascosta Puoi nascondere l'etichetta dello slider aggiungendo la classe ui-hidden-access alla tua <label> . |
| 8 | Fieldcontain L'aggiunta della classe ui-field-contain al div garantirà che il modulo verrà visualizzato in modo reattivo. |
| 9 | Fieldcontain, mini dimensioni La classe ui-field-include può essere aggiunta al mini slider per renderla reattiva. |
| 10 | Dispositivo di scorrimento a larghezza intera, nessun input Puoi nascondere l'input del numero e puoi rendere il cursore a tutta larghezza usando CSS personalizzato. |
| 11 | Iniettato dinamicamente Lo slider può essere creato in fase di esecuzione utilizzando la funzione JavaScript . |