Question

我使用数据初始化noUiSlider

var settings = {
  connect: "lower",
  range: {
    max: 87654567890,
    min: 0
  },
  start: 30679098762,
  step: 1
}

初始化后滑块值为30679098761.50为什么？

在这里演示 - https://jsfiddle.net/serGlazkov/yrppsmvo/5/

Answer 1

在滑块宽度上无法准确表示大的数字（例如300px不能合理地除以87654567890）。

解决方案是使用较小的数字范围，并在数组中查找以找到较大的值：

var range = ['x','x2','x3',...];

bigValueSlider.noUiSlider.on('update', function ( values, handle ) {
    bigValueSpan.innerHTML = range[values[handle]];
});

查看this example in the documentation如何处理它。

Answer 2

这是一个bug noUiSlider，已在8.4.0版本中修复

noUiSlider长数舍入错误

2 个答案: