Foundation - Slider JavaScript Reference
Descripción
Foundation proporciona componentes de JavaScript para los controles deslizantes.
Inicializando
Junto con el complemento foundation.core.js , debe incluir foundation.slider.js en su JavaScript para hacer uso de este complemento. Este complemento requiere las siguientes bibliotecas de utilidades enumeradas.
foundation.util.motion.js
foundation.util.triggers.js
foundation.util.keyboard.js
foundation.util.touch.js
Fundación.Slider
Se utiliza para crear una nueva instancia de un menú detallado.
var elem = new Foundation.Slider(element);La siguiente tabla enumera los parámetros utilizados por Foundation.slider .
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | element El objeto jQuery se usa para convertirlo en un menú de acordeón. |
jQuery |
| 2 | options Anula la configuración predeterminada del complemento. |
Objeto |
Opciones de complementos
Para personalizar una instancia de control deslizante, se pueden utilizar las opciones de complemento. Estas opciones se pueden configurar como un objeto que se pasa al constructor del complemento, atributos de datos individuales o un atributo de opciones de datos combinado . La siguiente tabla muestra cómo inicializar los complementos de JavaScript.
| No Señor. | Nombre y descripción | Ejemplo |
|---|---|---|
| 1 | start Valor mínimo de la escala deslizante. |
0 |
| 2 | end Valor máximo de escala deslizante. |
100 |
| 3 | step Representa el cambio de valor mínimo por evento de cambio. No implementado actualmente. |
|
| 4 | initialStart Valor en el que se debe establecer el controlador izquierdo / primera entrada en la inicialización. |
0 |
| 5 | initialEnd Valor en el que se debe establecer el identificador derecho / segunda entrada en la inicialización. |
100 |
| 6 | binding Permite que la entrada se coloque fuera del contenedor y sea visible. |
falso |
| 7 | clickSelect Le permite hacer clic o tocar la barra deslizante para elegir un valor. |
cierto |
| 8 | vertical Cuando se establece en verdadero y usa la clase vertical , le permite alterar la alineación a la vertical. |
falso |
| 9 | draggable Le permite arrastrar los controles deslizantes para elegir un valor. |
cierto |
| 10 | disabled Evita que se apliquen los detectores de eventos y deshabilita el control deslizante. Comprobado por JS con 'disabledClass'. |
falso |
| 11 | doubleSided Permite el uso de dos identificadores y la verificación cruzada por parte del JS. |
falso |
| 12 | decimal Representa cuántos lugares decimales debe ir el complemento para obtener precisión de punto flotante. |
2 |
| 13 | moveTime Es el momento de animar el movimiento de un control deslizante cuando el usuario hace clic en la barra. Si actualiza el tiempo de transición en la configuración de Sass, debe configurarlo manualmente. |
200 |
| 14 | disabledClass Se usa para deshabilitar el control deslizante |
'discapacitado' |
Eventos
Estos eventos se activan desde cualquier elemento con un complemento Slider adjunto. El moved.zf.slider se activa cuando se completa el movimiento del mango.
Funciones
El .destroy se usa para destruir el complemento deslizante.