3

スライダーは初期範囲でうまく機能します。これがスライダーの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>

200から300のような新しい範囲でスライダーをリロードするのに役立つjavascript関数を実装したいと思います。私の場合、btnRelaodボタンをクリックしてスライダーをリロードしたいと思います。

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

2 に答える 2

4

これが私の質問の答えです

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");         
    }
于 2013-03-05T08:31:42.697 に答える
3

JQuery Mobile Docsによると、JavaScriptを介してスライダーを操作する場合は、そのスライダーのrefreshメソッドを呼び出して、視覚的なスタイルを更新する必要があります。次に例を示します。

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

またはあなたが使用することができます

$("#yourSlider").attr("min", min).attr("max", max).slider("refresh");
于 2013-03-05T07:37:27.050 に答える