Foundation - Referência do Slider JavaScript
Descrição
O Foundation fornece componentes JavaScript para os controles deslizantes.
Inicializando
Junto com o plug-in Foundation.core.js , você precisa incluir Foundation.slider.js em seu JavaScript para fazer uso deste plug-in. Este plugin requer as seguintes bibliotecas de utilitários listadas.
foundation.util.motion.js
foundation.util.triggers.js
foundation.util.keyboard.js
foundation.util.touch.js
Foundation.Slider
Ele é usado para criar uma nova instância de um menu de pesquisa.
var elem = new Foundation.Slider(element);A tabela a seguir lista os parâmetros usados por Foundation.slider .
| Sr. Não. | Nome e Descrição | Tipo |
|---|---|---|
| 1 | element O objeto jQuery é usado para fazer um menu acordeão. |
jQuery |
| 2 | options Substitui as configurações padrão do plugin. |
Objeto |
Opções de plug-in
Para personalizar uma instância do controle deslizante, as opções de plug-in podem ser usadas. Essas opções podem ser definidas como um objeto passado para o construtor do plugin, atributos de dados individuais ou um atributo de opções de dados combinados . A tabela a seguir mostra como inicializar plug-ins JavaScript.
| Sr. Não. | Nome e Descrição | Exemplo |
|---|---|---|
| 1 | start Valor mínimo da escala do controle deslizante. |
0 |
| 2 | end Valor máximo da escala do controle deslizante. |
100 |
| 3 | step Ele representa a mudança de valor mínimo por evento de mudança. Não implementado atualmente. |
|
| 4 | initialStart Valor no qual o identificador esquerdo / primeira entrada deve ser definido na inicialização. |
0 |
| 5 | initialEnd Valor no qual o identificador correto / segunda entrada deve ser definido na inicialização. |
100 |
| 6 | binding Ele permite que a entrada seja colocada fora do contêiner e visível. |
falso |
| 7 | clickSelect Ele permite que você clique ou toque na barra deslizante para escolher um valor. |
verdadeiro |
| 8 | vertical Quando definido como verdadeiro e usar a classe vertical permite que você altere o alinhamento para vertical. |
falso |
| 9 | draggable Permite que você arraste as alças do controle deslizante para escolher um valor. |
verdadeiro |
| 10 | disabled Impede que os ouvintes de evento sejam aplicados e desativa o controle deslizante. Verificado por JS com 'disabledClass'. |
falso |
| 11 | doubleSided Permite o uso de duas alças e verificação cruzada pelo JS. |
falso |
| 12 | decimal Representa quantas casas decimais o plug-in deve ir para a precisão do ponto flutuante. |
2 |
| 13 | moveTime É a hora de animar o movimento de uma alça deslizante quando o usuário clica na barra. Se estiver atualizando o tempo de transição nas configurações do Sass, ele precisa ser definido manualmente. |
200 |
| 14 | disabledClass Usado para desativar o controle deslizante |
'Desativado' |
Eventos
Esses eventos são acionados a partir de qualquer elemento com um plugin Slider anexado. O moved.zf.slider é acionado quando o movimento da alça é concluído.
Funções
O .destroy é usado para destruir o plugin do controle deslizante.