JQuery Slider-スライド後に関数を呼び出す

Question

Webアプリケーションにスコアを設定するために使用しているJQueryサイダーがあります。元々はユーザーが送信ボタンをクリックするようにしていましたが、クライアントはAJAXスタイルを更新することを望んでいます。

これは機能しますが、スライド関数はすべての動きで呼び出されるため、スライダーの移動が完了する前に私のAJAXスクリプトがスコアを送信します。

スライダーのリリース時に呼び出される関数がJQueryスライダーにありますか？スライダーがリリースされたことを確認する簡単な方法はありますか？

ありがとう。

Answer 1

ソースの簡単な閲覧後コード、「スライド」の代わりに「停止」または「変更」を使用してみてください。 'stop'イベントはmouseupで発生し、 'change'イベントはmouseupで発生しますが、値が変更された場合のみです。もちろん、これに関するドキュメントは表示されませんでした。もちろん、それほど難しくはありませんでした。

Answer 2

スライダーを初期化するとき、これを使用します：

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

Answer 3

ドキュメントは、FryGuyがちょうど言ったことを確認します... スライダーオプションページから：

change Function（Event 、ui）： スライダーの位置が変更された場合にのみ、スライド停止時に呼び出される関数。

stop Function（Event、ui）：ユーザーがスライドを停止したときに呼び出される関数。