当用户完成使用滑块时,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
        }
    });

我也知道当用户释放/ mouseup句柄时如何运行一些代码:

$("#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');
    }
});