Jquery移動雙範圍滑塊重新加載新範圍

滑塊與初始範圍運行良好。這裏是HTML的滑塊，最初的範圍是0到100Jquery移動雙範圍滑塊重新加載新範圍

<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 
}

來源

2013-03-05 Shahdat

@Shahdat的答案，如果我的解決方案幫助，讓我知道。問候。 – 2013-03-05 08:17:47

@達達洛斯感謝您的意見。我已經嘗試過，並解決了這個問題:) – Shahdat 2013-03-05 08:37:07

這裏是我的問題

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-05 08:31:42 Shahdat

據jQuery Mobile的文檔如果操作通過JavaScript的滑塊，則必須調用它的刷新方法來更新視覺造型。這裏有一個例子：

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

，或者您可以使用

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

來源

2013-03-05 07:37:27

是的，謝謝，你幾乎在這裏，如果我們一起調用滑塊功能FF顯示「太多遞歸」的錯誤，我們也需要設置值。在我的情況下你是什麼意思$（「＃yourSlider」）？ – Shahdat 2013-03-05 08:35:40

@Shahdat在這裏使用你的滑塊的id，＃表示id :(如果你喜歡我的回答，你必須選擇正確答案，在你的情況下'＃yourslider'表示'＃range-1a'和'＃range- 1b' – 2013-03-05 09:41:18

@Shahdat爲什麼你取消選擇答案？ – 2013-03-06 08:17:17

Jquery移動雙範圍滑塊重新加載新範圍

回答

相關問題