動態變更用滑塊

Question

的最小值最大值試圖改變滑塊的HTML代碼中

 <input type="range" id="slider" min="0" max="100" value="50" /> 

定義的最小值和最大值在運行類似如下：

$("#slider").slider("option", "min", 40); 
$("#slider").slider("option", "max", 90); 

但它不工作，請幫助。沒有錯誤。還嘗試銷燬（）和刷新（），但沒有改變。

Answer 1

使用.prop()更改min和max，然後使用.slider("refresh")來應用更改。

$("#slider").prop({ 
    min: 40, 
    max: 90 
}).slider("refresh"); 

Demo