jQuery Mobile双范围滑块重新加载新范围 [英] Jquery mobile dual range slider reload with new range

问题描述

滑块在初始范围内效果很好.这是滑块的html，初始范围是0到100

Slider works well with initial range. Here is html for slider, initial range is 0 to 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按钮来重新加载滑块.

I want to implement a javascript function that can help to reload the slider with new range like 200 to 300. In my case, want to reload slider by clicking on btnRelaod button.

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

推荐答案

这是我的问题的答案

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

这篇关于jQuery Mobile双范围滑块重新加载新范围的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！