jQuery Mobile - Widget Range Slider
O widget Rangeslider oferece um par de alças que permitem selecionar um intervalo de valor numérico.
A tabela a seguir lista os tipos de controle deslizante de intervalo usados no jQuery mobile -
Sr. Não. | Tipo e descrição do Rangeslider |
---|---|
1 | Rangelider básico Você pode usar o widget rangeslider adicionando o atributo data-role e configurando-o para rangeslider. |
2 | Atributo de etapa Você pode forçar o controle deslizante a se ajustar a um incremento específico adicionando o atributo step à entrada. |
3 | Sem destaque Para não ter nenhum destaque na trilha até a posição da alça do controle deslizante, adicione o atributo de destaque de dados e defina como falso . |
4 | Tema Você pode definir o tema para o seu rangelider usando data-track-theme edata-theme atributo. |
5 | Mini Para uma versão mais compacta do rangelider, você pode usar o atributo data-mini . |
6 | Desativado Você pode desabilitar o rangelider usando o atributo disabled . |
7 | Rótulo oculto Você pode ocultar o rótulo do rangelider adicionando a classe ui-hidden-acessível ao seu rótulo. |
8 | Fieldcontain Adicionar a classe ui-field-contain aos envoltórios div dos elementos do formulário garantirá que o formulário seja renderizado de forma responsiva. |
9 | Fieldcontain, mini A classe ui-field-contain pode ser adicionada ao mini rangelider para renderizá-lo responsivamente. |