Question

只是想知道如何在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');

Answer 1

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

＆＃13;

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

＆＃13;

<link href="http://nitinhayaran.github.io/jRange/jquery.range.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://nitinhayaran.github.io/jRange/jquery.range.js"></script>
<div class="demo-output">
  <input class="range-slider" type="hidden" value="0.0" />
</div>

＆＃13;

Answer 2

$('.range-slider').jRange('updateRange', '0,36','20,26');

设置滑块的当前值而不更改其范围，如果您想更新范围，请使用updateRange。

使用'updateRange'更改（最小，最大）值和之后的间隔   初始化。

从靠近底部的http://nitinhayaran.github.io/jRange/demo/开始！

Answer 3

您有多个重复索引标量。范围只是计算1到36，忽略你所拥有的任何尺度。 仅供展示。

但是，你可以编写一个函数来解决这个问题。

请参阅：

＆＃13;

function getPos(i,lc) {
	return i + 12 * lc;
}

$('.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', getPos(6,1) + "," + getPos(6,2));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://neil.computer/stack/jquery.range.css">
<script src="http://neil.computer/stack/jquery.range-min.js"></script>
<div class="range-slider"></div>

＆＃13;

jRange范围选择器设定值问题

3 个答案: