ionRangeSlider-未捕获的TypeError：无法读取未定义的属性'html'

如何解决ionRangeSlider-未捕获的TypeError：无法读取未定义的属性'html'

我有以下代码，其中我根据过滤条件值设置了rangelider，并将每个过滤条件值绑定到rangelider的最小值和最大值，这样我就可以在下拉菜单中进行更改。

            <div class="md-form mt-0">
                <select id="selFilterCondition" class="browser-default" name="selFilterCondition"></select>
            </div>                              
            <div class="col-md-5" id="rangefilter">
                <label for="my_range1">Price Range</label>
                <input type="text" id="my_range1" name="my_range1" value="" />
            </div>

我可以保存并从“提交”按钮上的rangeslider中选择，选择最小，最大，从到到，所有这些都在弹出窗口中。下面的代码是我在下拉onchange事件中绑定的，所有这些html都在弹出窗口中。

                            var maxprice = $('#hdnToPrice').val();
                            var minprice = $('#hdnFromPrice').val();
                                                  
                            $("#rangefilter").show();
                            $("#my_range1").ionRangeSlider({
                                type: "double",min: res.MinPrice,max: res.MaxPrice,from: $("#hdnFromPrice").val(),to: $("#hdnToPrice").val(),onChange: function (rgdata) {
                                    $("#hdnFromPrice").val(rgdata.from);
                                    $("#hdnToPrice").val(rgdata.to);
                                }
                            });
                            let my_range = $("#my_range1").data("ionRangeSlider");
                            my_range.update({
                                min: res.MinPrice,from: minprice,to: maxprice
                            });

在这里，当我再次单击弹出窗口并尝试使用其他条件值进行过滤时，我想将ionRangeSlider的值“从”，“至”，“最小”，“最大”重置为原始值。为此，我完成了更新rangeslider的代码。

但是在重新打开弹出窗口后再次尝试更新过滤条件时出现错误。

请对此进行指导：