JqueryUI - Control deslizante

Se utiliza un control deslizante siempre que se desee obtener un valor numérico dentro de un cierto rango. La ventaja de un control deslizante sobre la entrada de texto es que se vuelve imposible para el usuario ingresar un valor incorrecto. Cualquier valor que puedan elegir con el control deslizante es válido.

jQueryUI nos proporciona un control deslizante a través del widget deslizante. jQueryUI proporciona el método slider () que cambia la apariencia de los elementos HTML en la página, agregando nuevas clases CSS que les dan el estilo apropiado.

Sintaxis

los slider () El método se puede utilizar de dos formas:

  • $ (selector, contexto) .slider (opciones) Método

  • $ (selector, context) .slider ("action", params) Método

$ (selector, contexto) .slider (opciones) Método

El método slider (opciones) declara que un elemento HTML debe administrarse como un control deslizante. El parámetro de opciones es un objeto que especifica la apariencia y el comportamiento del control deslizante.

Sintaxis

$(selector, context).slider (options);

Puede proporcionar una o más opciones a la vez utilizando el objeto Javascript. Si hay más de una opción para proporcionar, las separará con una coma de la siguiente manera:

$(selector, context).slider({option1: value1, option2: value2..... });

La siguiente tabla enumera las diferentes opciones que se pueden utilizar con este método:

No Señor. Opción y descripción
1 animar

Esta opción cuando se establece en verdadero , crea un efecto animado cuando los usuarios hacen clic directamente en el eje. Por defecto su valor esfalse.