2010-01-22 72 views
3

我有3 div的Jquery的UI滑塊,設置值的錯誤

<div id="slider-range1" class="slider-range"></div> 
<div id="slider-range2" class="slider-range"></div> 
<div id="slider-range3" class="slider-range"></div> 

我已用類參考

$(function() { 
     $(".slider-range").slider({ 
      range: true, 
      min: 0, 
      max: 100, 
      slide: function(event, ui) { 

      } 
     }); 
}); 

每個滑塊的範圍是不同的添加滑塊這些div的。我想補充一點,動態

我試圖

$("#slider-range1").slider('option','values',[1, 100]); 

,但它不工作:(

回答

5

你嘗試過:

$('selector').slider('values' , index , value); // index would be the square in the slider 
在您例如,你可以

$("#slider-range1").slider('values', 0, 50); 
$("#slider-range1").slider('values', 1, 100); 
+0

謝謝,那工作:) – viMaL 2010-01-22 12:12:19

+0

不客氣。 – Reigel 2010-01-22 12:20:40

+0

**未捕獲錯誤:滑塊窗口小部件實例**沒有這樣的方法「值」,這個錯誤我在嘗試上述解決方案時得到了! @Reigel – Learner 2014-04-01 10:35:47

1

$('#slider-range').slider('option', 'min', 1);

$('#slider-range').slider('option', 'max', 100);

根據這個答案海報的評論更新時間:

其實,你的問題包含naswer :)

http://jqueryui.com/demos/slider/#option-range

$("#slider-range").slider({ 
    range: true, 
    min: 0, 
    max: 500, 
    values: [75, 300], 
}); 
+0

我的問題是設置滑塊的值,而不是最小和最大限制... – viMaL 2010-01-22 10:23:17

+0

@viMaL看看更新後的答案 – Darmen 2010-01-22 11:03:56

+0

我想我的問題讓你感到困惑......我編輯了我的問題.. 請現在檢查... – viMaL 2010-01-22 11:39:07