javascript - noUiSlider 长数舍入错误

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

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

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

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

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

在如何处理它的文档中查看这个示例。

Answer 2

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