Jquery jRange范围选择器集值问题

Jquery jRange范围选择器集值问题,jquery,html,css,Jquery,Html,Css,只是想知道如何在jRange范围选择器上设置值 按照文档说明执行下面的代码,尽管2个点似乎固定在随机点中 $('.range-slider').jRange({ from: 0, to: 36, step: 0.25, scale: [0, 6, 12, 6, 12, 6, 0], format: '%s', width: '100%', showLabels: true, isRange: true }); $('.range-s

只是想知道如何在jRange范围选择器上设置值

按照文档说明执行下面的代码,尽管2个点似乎固定在随机点中

$('.range-slider').jRange({
    from: 0,
    to: 36,
    step: 0.25,
    scale: [0, 6, 12, 6, 12, 6, 0],
    format: '%s',
    width: '100%',
    showLabels: true,
    isRange: true
});
$('.range-slider').jRange('setValue', '20,26');
$('.range slider').jRange('updateRange','0,36','20,26')

设置滑块的当前值而不更改其范围,如果要更新范围,请使用updateRange

使用“updateRange”更改之后的(最小值、最大值)值和间隔 初始化


从底部开始

我认为您的
比例设置数组不正确,应该是
[0,6,12,18,24,30,36]
而不是
[0,6,12,6,12,6,0]

$('.range slider').jRange({
起:0,,
致:36,
步骤:0.25,
比例:[0,6,12,18,24,30,36],
格式:“%s”,
宽度:“100%”,
showLabels:没错,
伊斯兰格:是的
});
$('.range slider').jRange('setValue','20,26')

您有多个重复索引标量。这个范围仅仅是从1到36,忽略你所有的刻度仅用于显示

但是,您可以编写一个函数来解决这个问题

见:

函数getPos(i,lc){
返回i+12*lc;
}
$('.range slider').jRange({
起:0,,
致:36,
步骤:0.25,
比例:[0,6,12,6,12,6,0],
格式:“%s”,
宽度:“100%”,
showLabels:没错,
伊斯兰格:是的
});
$('.range slider').jRange('setValue',getPos(6,1)+',“+getPos(6,2))


我不想更改范围,我只想设置加载滑块时2个点的位置。这就是你的意思吗?这就是第二对数字表示的
'0,36','20,26'
。我不认为你只能在初始化后设置范围。你能把插件换成更简单、更多选项的插件吗所有你需要的是一个函数来转移位置和你所指的索引,只需参考我的答案(只是想确保你看到了更新)。