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

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

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

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

Answer 2

知道了！

＆＃34;幻灯片＆＃34;需要在幻灯片功能中调用事件：

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

jQuery Slider向前迈出了一步

2 个答案: