jQuery Mobile - Slider
O controle deslizante permite que você escolha um valor numérico em um intervalo de valores. O controle deslizante fornece uma alça para deslizar e selecionar um valor.
A tabela a seguir lista os tipos de controle deslizante usados no jQuery Mobile -
| Sr. Não. | Tipo e descrição do controle deslizante |
|---|---|
| 1 | Controle deslizante básico Para adicionar um widget de controle deslizante, use input com atributo type = "range" . |
| 2 | Atributo de etapa Você pode forçar o controle deslizante a se ajustar a um incremento específico, adicionando o atributo step a <input> . |
| 3 | Realçar Para destacar o preenchimento na trilha até a posição da alça do controle deslizante, adicione o atributo data-highlight = "true" . |
| 4 | Tema Para definir a amostra do tema para seu controle deslizante, você pode adicionar o atributo data-theme ao <input> . |
| 5 | Mini tamanho Para uma versão mais compacta do controle deslizante, você pode usar o atributo data-mini em seu <input> . |
| 6 | Desativado Você pode desativar o controle deslizante usando o atributo disabled . |
| 7 | Rótulo oculto Você pode ocultar o rótulo do controle deslizante adicionando a classe ui-hidden-acessível ao seu <label> . |
| 8 | Fieldcontain Adicionar a classe ui-field-contain ao div garantirá que o formulário será renderizado de forma responsiva. |
| 9 | Contêiner de campo, tamanho reduzido A classe ui-field-contain pode ser adicionada ao mini controle deslizante para renderizá-la responsivamente. |
| 10 | Controle deslizante de largura total, sem entrada Você pode ocultar a entrada de número e fazer o controle deslizante largura total usando CSS personalizado. |
| 11 | Injetado dinamicamente O controle deslizante pode ser criado em tempo de execução usando a função JavaScript . |