当用户完成使用滑块时，jQuery滑块运行代码？

Question

我有一个滑块id =“滑块”我当前写滑块更改位置的日志。这是我的代码：

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

我的问题是，我currenty实现我每次的运行代码用户移动手柄，有时他仍然在移动手柄，还没有确定它的最终位置。当用户完成滑块时，我需要运行一些代码。我清楚我需要做什么？如何才能做到这一点？

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