jquery用戶界面：預置滑塊

Question

這是一個這樣的頭刮！

此滑塊正常工作：

http://jsfiddle.net/EuTA8/

$("#s2").slider({ 
     min: 0, 
     max: 200, 
     step: .1, 
     value: 100.0, 
     values: [200.0], 
     slide: function(event, ui) { 
      for (var i = 0; i < ui.values.length; ++i) { 
       $("input.v2[data-index=" + i + "]").val(ui.values[i]+ " %"); 
      } 
     } 
}); 

但我想預設的滑塊的位置，在 '100.0'。 儘管有應該做這個屬性：

value: 100.0, 

... jQuery UI的只是忽略它的使滑塊最大設置。

我採取的方括號（他們甚至應該在那裏？！）關閉屬性的值來創建：

values: 200.0, 

與滑塊位置預設精美。但現在，我無法拖動滑塊！看看我的意思是：

http://jsfiddle.net/EuTA8/1/

這是怎麼回事？我需要做的就是預設位置。 （不要擔心輸入元素的值。）

非常感謝。

Answer 1

$("#s2").slider({ 
    min: 0, 
    max: 200, 
    step: .1, 
    value: 100.0, 
    values: [100.0], 
    slide: function(event, ui) { 
     for (var i = 0; i < ui.values.length; ++i) { 
      $("input.v2[data-index=" + i + "]").val(ui.values[i]+ " %"); 
     } 
    } 
}); 

變化[200.0]到[100.0]

Answer 2

嘗試：

$("#s2").slider({ 
    min: 0, 
    max: 200, 
    step: .1, 
    values: [100.0] 
    slide: function(event, ui) { 
     for (var i = 0; i < ui.values.length; ++i) { 
      $("input.v2[data-index=" + i + "]").val(ui.values[i]+ " %"); 
     } 
    } 
}); 

你可以簡單地刪除value: 100.0線，並改變values: [200]到values: [100]

是的，方括號應該有，因爲values是一個數組。