javascript - 带有自定义值而不是范围的nouislider

Question

我喜欢 noUIslider slider ，但我需要应用自定义值而不是范围和步长选项，因为我的值变化不流畅。

因此，例如:范围 [10,90]步骤:5

我想使用:

值 [0,10, 15.5, 18, 41, 等等...]

这可能吗？

谢谢

Answer 1

解决方案是范围选项。您必须创建一个对象，其中包含 slider 上位置的值、该位置的值以及到下一个值的距离。

var rangers = {}
for (i = 0; i < filterLength.length; ++i) {
  var prozent = Math.ceil((100/filterLength.length) * i)
  if ( i < filterLength.length-1 ) { rangers[prozent+'%'] = [ filterLength[i],  filterLength[i+1] - filterLength[i] ] }
  if ( i == filterLength.length-1 ) { rangers['max'] = [filterLength[filterLength.length-1]]; }
}

$("#slider-length").noUiSlider({
  start: [ filterLength[0], filterLength[filterLength.length-1] ],
  range: rangers
});