Javascript 范围滑块将不会重置

这是重置函数的Javascript，如下所示：

    function reset_vals() {
        set_min_isoval(-5);
        set_max_isoval(5);
        range.trigger('input');
range.trigger('mouseup');
        update_surface(0);
        return false;
    }

minkt/e


最大kT/e
变量范围=$（'.input range'），
值=$（'范围值'）；
$（'.input range'）。在（'input'，函数（）{
$（this.next（'.range value'）.html（this.value）；
});
range.trigger（'input'）；
range.trigger（'mouseup'）；

是网站的html。基本上，当我更改最小/最大isovalues，然后刷新页面时，范围滑块本身不会返回到其原始位置，数字也不会重置为-5/5。我想知道是否有人能帮我解决这个问题

---

另外，对于任何编码错误，我深表歉意，因为我对javascript的使用经验很少。

您是否包含JQuery库？是的，我确实包含了该库

<div class="inner" input type="text" style="width: 400px; height: 40px">Min kT/e &nbsp;&nbsp;<input class="input-range" type="range" value="-5" min="-50" max="50" id="min_isoval" step=1 onmouseup="set_min_isoval(value)">
<span class="range-value"></span></div>
<br>
<div class="inner" input type="text" style="width: 400px; height: 40px">Max kT/e &nbsp;&nbsp;<input class="input-range" type="range" value="5" min="-50" max="50" id="max_isoval" step=1 onmouseup="set_max_isoval(value)">
<span class="range-value"></span></div>
<script>
var range = $('.input-range'),
    value = $('.range-value');


$('.input-range').on('input', function () {
    $(this).next('.range-value').html(this.value);
});

range.trigger('input');
range.trigger('mouseup');
</script>