jQuery Mobile滑块刷新

Question

我有这样的范围输入：

<input type="range" min="0" max="7" step=".5" name="slider" id="slider" value="0" required="required" />

jQueryMobile自动初始化并绘制滑块。然后我尝试以编程方式更新其值。

$("#slider").val(2) ;
$("#slider").slider('refresh') ;

但是我得到一个关于滑块未初始化的错误。然后我在刷新之前初始化滑块，但jQM绘制第二个滑块。

$("#slider").slider().slider('refresh') ;

如何更新已自动初始化并刷新的滑块？

[UPDATE]

我通过设置data-role =“none”找到了一种解决方法，以便JQM不会初始化。我还将输入类型从范围更改为数字。然后我以编程方式初始化滑块。

<input type="number" data-role="none" min="0" max="7" step=".5" name="slider" id="slider" value="0" required="required" />

$("#slider").slider() ;