ionrangeslider：禁用拖动滑块。只想用来展示

Question

我正在使用 ionrangeslider 来显示一些温度值。我喜欢它的显示方式。

我不想让用户滑动它。我怎样才能禁用滑块

我没有找到任何禁用拖动的选项

这是 html 和我正在使用的 js

                        <input type="text" class="js-range-slider" name="my_range" value=""
                            data-min="40"
                            data-max="210"
                            data-from="115"
                            data-grid="true",
                            data-hide-min-max="true",
                            data-postfix="'F"
                        />

                        $('.js-range-slider').ionRangeSlider()

显示为

Answer 1

如果您想修复值 top/from，您有以下选项：

to_fixed:true,//block the top
from_fixed:true//block the from

ionrangeslider：禁用拖动滑块。只想用来展示

ionrangeslider: disable drag the slider. Only want to use for display

ion-range-slider