jQuery滑块不会以最大值显示

Question

我有一个jQuery滑块。其范围为0至200

显示时，滑块位于0的最左侧。

我希望它显示在最右边，200。

我尝试过使用：

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

并且发生的最大范围是最小范围（最左侧显示的值）更改为200。

有没有人让jQuery滑块表现得像我描述的那样？

版本：

jQuery 1.11.1

jQuery-mobile 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/