javascript - jQuery Slider 滑动一步太远

Question

我找不到使用默认 jQuery slider 并输出当前值时遇到的这个问题的解决方案:

似乎该值是来自“上一步”的值。最小值为 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 的值:

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

如果您只想查看 slider 停止处的值，而不是 slider 经过的每个值，请使用停止事件:

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

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