以编程方式将 JQM 滑块返回到其"fresh"状态

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");