jQRangeSlider 设置最大值大于 100

Question

我正在使用 jQRangeSlider 并尝试将最大值设置为大于 100 的数字。这不起作用，因为滑块的最大值仍为 100:

function initSlider() {
    $("#slider").rangeSlider();
    $("#slider").rangeSlider("min", 0);
    $("#slider").rangeSlider("max", 500);
}

结果：

如何将最大值设置为大于 100？

或者不支持大于 100 的最大值？我查看了 http://ghusse.github.io/jQRangeSlider/documentation.html，但什么也没看到。

Answer 1

来自documentation：

The method values([min, max]) can be used for getting current selected values, and setting new values.

// Edit slider
$("#editSlider").editRangeSlider("values", 20, 100);

Answer 2

documentation 说明您可以按以下方式设置值：

// Basic slider
$("#slider").rangeSlider("values", 10, 20);

因此您的代码将是：

function initSlider() {
    $("#slider").rangeSlider("values", 0, 500);
}

Answer 3

想通了。需要使用边界：

初始化：

$("#slider").rangeSlider({ bounds: { min: 0, max: 500 } });

稍后更改：

$("#slider").rangeSlider('bounds', 0, 500);

参见：http://ghusse.github.io/jQRangeSlider/methods.html#boundsMethod