3

我有一个 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');
    });

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

4

3 回答 3

12 
$("#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');
    }
});
于 2012-08-22T06:51:46.163 回答
2

尝试使用该stop事件：http: //jqueryui.com/demos/slider/#event-stop

于 2012-08-22T06:49:45.387 回答
1

尝试这个

$( ".selector" ).slider({
   stop: function(event, ui) { ... }
});
于 2012-08-22T06:51:54.927 回答