jquery-mobile - 以编程方式将 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");