Jquery移动双范围滑块重新加载新范围

Question

滑块与初始范围运行良好。这里是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。在我的情况下，滑块，想重装滑块点击btnRelaod按钮。

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");   
    } 

Answer 2

据jQuery Mobile的文档 如果操作通过JavaScript的滑块，则必须调用它的刷新方法来更新视觉造型。这里有一个例子：

$("#yourSlider").attr("min", min) 
$("#yourSlider").attr("max", max) 
$("#yourSlider").slider("refresh"); 

，或者您可以使用

$("#yourSlider").attr("min", min).attr("max", max).slider("refresh");