jQuery Mobile - Widget de curseur de plage

Le widget Rangeslider vous fournit une paire de poignées vous permettant de sélectionner une plage de valeurs numériques.

Le tableau suivant répertorie les types de curseurs de plage utilisés dans jQuery mobile -

N ° Sr. Type et description du Rangeslider
1 Curseur de gamme de base

Vous pouvez utiliser le widget rangelider en ajoutant l' attribut data-role et en le définissant sur rangelider.

2 Attribut d'étape

Vous pouvez forcer le curseur à s'aligner sur un incrément spécifique en ajoutant l' attribut step à l'entrée.

3 Aucun point culminant

Pour ne pas avoir de surbrillance sur la piste jusqu'à la position de la poignée du curseur, ajoutez l' attribut data-highlight et définissez-le sur false .

4 Thème

Vous pouvez définir le thème de votre rangelider en utilisant data-track-theme etdata-theme attribut.

5 Mini

Pour une version plus compacte de rangeslider, vous pouvez utiliser l' attribut data-mini .

6 désactivé

Vous pouvez désactiver le rangelider à l'aide de l' attribut désactivé .

sept Étiquette masquée

Vous pouvez masquer l'étiquette du rangelider en ajoutant la classe ui-hidden-accessible à votre étiquette.

8 Fieldcontain

L'ajout de la classe ui-field-contain aux enveloppeurs div des éléments de formulaire garantira que le formulaire est rendu de manière réactive.

9 Conteneur de terrain, mini

La classe ui-field- contain peut être ajoutée au mini rangelider afin de le rendre de manière réactive.