jquery - jRange范围选择器设置值问题

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

最佳答案

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

$('.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');

<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>