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

时间:2014-05-07 10:47:04

标签: jquery slider

大家好我正在使用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/

2 个答案:

答案 0 :(得分:0)

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

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

max: valMap[2],

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

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

答案 1 :(得分:0)

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时,您无法将值设置为大于最大值。