javascript - Jquery 移动双范围 slider 重新加载新范围

Question

slider 在初始范围内运行良好。这是 slider 的 html，初始范围是 0 到 100

 <div data-role="rangeslider">       
    <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">       
    <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
</div>

<button id="btnReload" onclick="reloadRangeSlider(200, 300)"></button>

我想实现一个 javascript 函数，它可以帮助重新加载具有新范围(例如 200 到 300)的 slider 。在我的例子中，我想通过单击 btnRelaod 按钮重新加载 slider 。

function reloadRangeSlider(min, max){
    //To do: reload functionality goes here 
}

Answer 1

这是我的问题的答案

function reloadRangeSlider(min, max){
       $('#range-1a').attr("min", min).attr("max", max).val(min);
       $('#range-1b').attr("min", min).attr("max", max).val(max);          
       $('#range-1a').slider("refresh");
       $('#range-1b').slider("refresh");         
    }