javascript - 使用自定义值而不是范围的nouislider

我喜欢noUIslider滑块，但是我需要应用自定义值而不是范围和步长选项，因为我的值不能流畅地更改。

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

我想使用:

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

是否可以？

谢谢

最佳答案

解决方案是范围选项。您必须使用滑块上的位置值，该位置的值以及到下一个值的距离来制作一个对象。

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
});