首页 > 解决方案 > ionrangeslider:禁用拖动滑块。只想用于展示

问题描述

我正在使用 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()

它显示为 在此处输入图像描述

标签: ion-range-slider

解决方案


如果您想修复值 top/from,您可以选择:

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

推荐阅读