JQuery Slider - Función de llamada después de la diapositiva

Question

Tengo un silbador JQuery que estoy usando para establecer la puntuación en una aplicación web. Originalmente lo tenía para que el usuario haga clic en un botón de enviar, pero el cliente ahora quiere que actualice el estilo de AJAX.

Esto funcionaría, pero la función de diapositivas recibe una llamada en cada movimiento, por lo que mi script AJAX enviará una puntuación antes de que el deslizador haya terminado de moverse.

¿Hay alguna función en el control deslizante de JQuery a la que se llame al lanzar el control deslizante? ¿Hay alguna manera sencilla de comprobar para ver cuándo se ha lanzado el control deslizante?

Gracias ,.

Answer 1

Después de leer rápidamente the source code, yo diría que intente usar 'detener' o 'cambiar' en lugar de 'deslizar'. Parece que el evento 'detener' ocurre en mouseup, y el evento 'change' ocurre en mouseup pero solo si el valor cambia. No vi ninguna documentación sobre esto, por supuesto, no me veía muy duro.

Answer 2

La documentación confirma lo que acaba de decir ... FryGuy From the slider options page:

cambio de función (Evento, ui): función que es llamada en el retén de la corredera, pero sólo si la posición de la corredera ha cambiado.

parada Función (Evento, ui): Función que se invoca cuando el usuario deja de deslizarse.

Answer 3

Al inicializar el control deslizante, utilice esto:

var slider = $('.slider').slider({ 
    steps: 10, 
    handle: $('.knob'), 
    animate:'true', 
    min:1, 
    max:10, 
    startValue: 1, 
    change: function(e,ui){ 
     //Do something with ui.value 
    } 
});