JQuery Slider - Rufen Sie die Funktion nach der Folie

Question

Ich habe eine JQuery Silder, die ich verwende, um die Punktzahl für eine Webanwendung festzulegen. Ich hatte es ursprünglich so, dass der Benutzer auf eine Senden-Schaltfläche klickte, aber der Client möchte nun, dass es den AJAX-Stil aktualisiert.

Das würde funktionieren finden, aber die Folie-Funktion ruft bei jeder Bewegung, so dass mein AJAX-Skript eine Punktzahl senden wird, bevor der Schieberegler verschoben wurde.

Gibt es eine Funktion auf dem JQuery-Schieberegler, die beim Loslassen des Schiebereglers aufgerufen wird? Gibt es eine direkte Möglichkeit für mich zu überprüfen, wann der Slider freigegeben wurde?

Dank ,.

Answer 1

Nach einer kurzen Durchsicht von the source code, würde ich sagen, zu versuchen, 'Stop' oder 'Ändern' anstelle von 'Folie' zu verwenden. Es scheint, dass das "stop" -Ereignis bei mouseup auftritt und das "change" -Ereignis bei mouseup auftritt, aber nur wenn sich der Wert ändert. Ich habe keine Dokumentation darüber gesehen, natürlich habe ich nicht sehr angestrengt.

Answer 2

Die Dokumentation bestätigt, was FryGuy gerade gesagt ... From the slider options page:

Änderung Funktion (Ereignis, ui): Funktion, die auf Folie zu stoppen aufgerufen wird, aber nur, wenn die Schieberposition verändert hat.

stop Funktion (Event, ui): Funktion, die aufgerufen wird, wenn der Benutzer aufhört zu rutschen.

Answer 3

Wenn Sie den Schieberegler initialisieren, verwenden Sie diese:

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 
    } 
});