Foundation 5 滑块显示两位小数

Question

   <div class="range-slider round" data-slider="1" data-options="display_selector: #questions_off_count; initial: 1; end: 4 ;">
          <span class="range-slider-handle" role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="4" aria-valuenow="1" style="transform: translateX(249.5px);"></span>
          <span class="range-slider-active-segment" style="width: 25%;"></span>
          <input type="hidden" value="1">
        </div>

出于某种原因，虽然最初我看到数字“1”没有尾随零，但当我移动滑块时，我在数字后得到 2 个小数零。

有什么补救办法吗？

编辑：如果我在滑块旁边的数字输入上使用箭头，我不会得到小数

Answer 1

基础滑块的默认精度为 2。在页面上初始化基础时，您可以指定自定义精度。

例如：

$(document).foundation({
  slider: {
    precision: 0
  }
});

Fiddle example

这些是最新 Foundation 版本 (v. 5.5.3) 的默认初始化值：

settings : {
  start : 0,
  end : 100,
  step : 1,
  precision : 2,
  initial : null,
  display_selector : '',
  vertical : false,
  trigger_input_change : false,
  on_change : function () {}
}

Foundation 5 滑块显示两位小数

Foundation 5 slider shows two decimal points

javascript

jquery

zurb-foundation