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

Answer 2

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

Answer 3

试试这个

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

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

3 个答案: