jquery - jQueryスライダーは、ユーザーがスライダーの使用を終了したときにコードを実行しますか？

Question

id = "slider"のスライダーがあります。現在、スライダーの位置が変わったときにログを書き込んでいます。これは私のコードです：

$("#slider").slider({
    value:40,
    min: 0,
    max: 80,
    step: 10,
    slide: function( event, ui ) {
        console.log('moved'); // Run code if slider value changes
        }
    });

また、ユーザーがハンドルを離す/マウスアップするときにコードを実行する方法も知っています。

$("#slider .ui-slider-handle").click({
    console.log('released handle');
    });

私の問題は、現在の実装では、ユーザーがハンドルを移動するたびにコードを実行し、ユーザーがまだハンドルを移動していて、最終的な位置を決定していない場合があることです。ユーザーがスライダーを使い終わったら、コードを実行する必要があります。私は自分が何をする必要があるかを明確にしていますか？これはどのように行うことができますか？

Answer 1

$("#slider").slider({
    value:40,
    min: 0,
    max: 80,
    step: 10,
    slide: function( event, ui ) {
        console.log('moved'); // Run code if slider value changes
    },
    stop: function(event, ui) {
        console.log('released handle');
    }
});

Answer 2

stopイベントを使用してみてください：http： //jqueryui.com/demos/slider/#event-stop

Answer 3

これを試して

$( ".selector" ).slider({
   stop: function(event, ui) { ... }
});