jQuery滑塊將不會最大顯示

Question

我有一個jQuery滑塊。 范圍是0到200

顯示時，滑塊在0的最左側。

我希望它顯示在最右邊，即200。

我試過使用：

$('#slider').val(200) 

發生的最多的是將最小范圍（顯示在最左邊的值）更改為200。

有沒有人讓jQuery滑塊的行為像我描述的那樣？

版本：

jQuery 1.11.1

jQuery移動1.4.5

jQuery-ui 1.11.2

這是html：

<input type="range" name="slider-1" id="slider-1" value="0.0" min="0.5" max="200" />

這是javascript（我使用console.log轉儲val，它是200“：

$("#slider-1").slider( "value", val );

這是錯誤：

"Uncaught Error: no such method 'value' for slider widget instance", 

Answer 1

要設置滑塊的值，請使用.slider("value", value) ，例如：

$("#slider").slider("value", 200);

更多信息： http : //api.jqueryui.com/slider/#method-value

Answer 2

方法value的正確用法是：

$("#slider").slider("value", 200);

https://jsfiddle.net/Tintin37/a6e8dtw9/

編輯

如果您想使用html5 input type="range" ，則可以在此處找到一個示例：

https://jsfiddle.net/Tintin37/x4tet97w/