jQuery的滑块滑动过火

Question

我无法找到一个解决这个问题，我用默认的jQuery的滑块，并具有输出电流值：

好像值是从一个“前一步。 最小值为0，最大值为10，最左边位置为0.25的阶跃显示值为0.25，最右边为9.75 - 这是完全错误的。

有谁知道这是为什么或如何解决它？

HTML：

<div id="slider"></div> 

的JavaScript：

$('#slider').slider({ 
    min: 0, 
    max: 10, 
    value: 2.5, 
    step: 0.25 
}); 
$('#slider').on('slide', function(event, ui) { 
    var value = $('#slider').slider('option','value'); 
    console.log(value); 
}); 

任何帮助深表感谢。

Answer 1

你只需要使用ui.value获得滑块的值：

$('#slider').on('slide', function(event, ui) { 
    console.log(ui.value); 
}); 

如果你想看到的只是它停止的值，滑块经过的不是每个值，使用stop事件：

$('#slider').on('slidestop', function(event, ui) { 
    console.log(ui.value); 
}); 

见http://api.jqueryui.com/slider/#event-stop

Answer 2

明白了！

“幻灯片”事件需要在幻灯片中要调用的函数：

$('#slider').slider({ 
    min: 0, 
    max: 10, 
    value: 2.5, 
    step: 0.25, 
    slide: function(event, ui) { 
     value = ui.value; 
     console.log(value); 
    } 
});