javascript - 如何设置 jQuery UI slider 的最小/最大间隔和值？

Question

我遇到了 jQuery UI Slider 的问题。

我有一个函数“Pricer()”和我给它的参数:

1)min_price, max_price - 区间范围 ( min_price-------------max_price )

2)start_price, end_price - 子区间(最低价格----start_price--------end_price-----max_price)

代码:

function Pricer(min_price, max_price, start_price, end_price) {
    $( "#slider_price" ).slider({
        range: true,
        min: min_price,
        step:10,
        max: max_price,
        values: [start_price,  end_price ],
        slide: function( event, ui ) {
            $('#price1').val(ui.values[0]);
            $('#price2').val(ui.values[1]);
        }
    });

    $('#price1').change(function () {
        $('#slider_price').slider("values",0, $(this).val());
    });

    $('#price2').change( function() {
        $('#slider_price').slider("values",1,$(this).val());
    });

    $('#price1').val($('#slider_price').slider("values",0));
    $('#price2').val($('#slider_price').slider("values",1));
};

我按顺序调用此函数两次:

1) 在 document.ready 事件上。 ( 定价(4, 536, 4, 536);)

2) 当我应该为 slider 设置新值时。 ( 定价(4, 536, 11, 12) )

并得到错误的间隔:

$('#slider_price').slider('values', 0) 

和

$('#slider_price').slider('values', 1)

返回值“14”和“14”。

我调试它并发现当我在发送到 slider() 的对象中设置 value 属性时发生这种情况。

我没有在 jQuery UI slider 中找到打开的错误报告。可能是我对 jQuery UI slider 工作的误解？

Answer 1

这与您将步长设置为 10 有关。由于您的范围从 4 开始，下一个最接近 11 和 12 的值是 14。

Slider Widget API doc关于步骤指出:

(步长)确定 slider 在最​​小值和最大值之间所采取的每个间隔或步长的大小或数量。 slider 的完整指定值范围(最大值 - 最小值)应能被步长整除。