以编程方式将JQM滑块返回到“新鲜”状态

Question

使用

创建新的JQM滑块

<input type="range" name="slider1" id="slider1" min="0" max="10" />

原始显示的滑块在文本框中没有任何值。 选择任何值后，文本框中始终有一个数字。

以编程方式将滑块返回到初始“无值”状态的正确方法是什么？

Answer 1

调用

$("#slider1").val(0).slider("refresh");

会将滑块返回到起始位置。但仍会在文本框中显示0。 然后

$("#slider1").val('');

足以重置滑块文本框。

请参阅JSFiddle的实时示例。

Answer 2

尝试

$("#slider1").slider("value", $("#slider1").slider("option", "min") );

或

$("#slider1").val(0).slider("refresh");