具有固定值的Jquery滑块设置两个句柄值

Question

大家好我正在使用jquery滑块，其固定值由像这样的数组组成

valMap = [3000,5000,6000];    

jQuery("#range_slider_1").slider({

                min: 0,
                max: valMap.length - 1,
                values: [0,1],
                slide: function(event, ui) {                        

                }       
}); 

我希望用我自己的值来设置我的两个句柄。我试过这个

jQuery("#range_slider_1").slider("values",0,"3000"); 
jQuery("#range_slider_1").slider("values",1,"5000");

但它无法正常工作

这里是小提琴

http://jsfiddle.net/6ngdH/

Answer 1

您的代码未正确设置max值。根据您的代码，它是2。因为你正在计算数组的长度然后减去1，即2.

将此行max: valMap.length - 1,替换为您想要的任何值。例如：

max: valMap[2],

在您的情况下，您的最大值为2，并且您试图设置一个大于该值的值，这就是它无法正常工作的原因。

演示：http://jsfiddle.net/lotusgodkk/6ngdH/1/

Answer 2

Fiddle Demo

max: valMap[valMap.length - 1], //you need to get last value of array 

<小时/> 或

Fiddle Demo

.pop()

max: valMap.pop(), //use .pop() to get last value of array

<小时/> 的问题

您没有正确设置max值的值。

max: valMap.length - 1,将值3-1设置为2

当最大值设置为2时，您无法将值设置为大于最大值。