ionrangeslider：当 from 值小于最小值时如何不显示任何内容

Question

我已经设置了 ionrangeslider。我主要用它来显示我的温度值

我不断使用 ajax 动态更新 from 值

                        <input type="text" class="js-range-slider" id="test" name="my_range" value=""
                            data-min="40"
                            data-max="210"
                            data-from="{{row2.7}}"
                            data-grid="true",
                            data-hide-min-max="true",
                            data-postfix="'F"
                        />

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


                        //later i am changing the from value using

                         let intst = $(#test).data("ionRangeSlider");

                         intst.update({
                           from: 0 //your new value
                         });

我有 min: 40 和 max: 210，当我的 from: 0 时，我希望滑块不显示任何内容

我在哪里看到的

Answer 1

添加数据类型：

<input type="text" class="js-range-slider" id="test" name="my_range" value=""
                            data-min="40"
                            data-max="210"
                            data-from="{{row2.7}}"
                            data-grid="true"
                            data-hide-min-max="true"
                            data-postfix="'F"
                            data-type="double"
                        />

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


//later i am changing the from value using

var inst = $("#test").data("ionRangeSlider");

inst.update({
  from: 0,
});

<link href="https://cdn.jsdelivr.net/npm/ion-rangeslider@2.3.0/css/ion.rangeSlider.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ion-rangeslider@2.3.0/js/ion.rangeSlider.min.js"></script>




<input type="text" class="js-range-slider" id="test" name="my_range" value=""
                            data-min="40"
                            data-max="210"
                            data-from="{{row2.7}}"
                            data-grid="true"
                            data-hide-min-max="true"
                            data-postfix="'F"
                            data-type="double"
                        />

ionrangeslider：当 from 值小于最小值时如何不显示任何内容

ionrangeslider: How to not show anything when from value is less than min value

ion-range-slider