我使用以下标记来显示一个滑块,其值显示在按钮上:
<input type="range" name="my-slider" id="my-slider" min="1" max="5" step="0.5" value="" data-show-value="true" class="ui-hidden-accessible" />
首次显示滑块时,没有附加到滑块的值。只有在我移动按钮或以编程方式设置值之前,滑块才会更改。例如
$('#my-slider').val(someNumber).slider('refresh');
有没有办法以编程方式将值重置回其原始状态(没有值)?如果我将其设置为 null
或 ''
,则值变为 1(分钟)。如果我将其设置为 6,则值变为 5(最大值)。但是如何取消设置呢?
试试这个:$('#my-slider').slider('destroy').val('').slider();
由于没有方法可以重置为空值,因此会销毁滑块实例,设置该值,然后重新创建滑块。
如果您最初将一些配置值传递给 slider() 中,那么也添加它。