javascript – 在JS中重置HTML范围输入不会移动显示的滑块

HTML：

<input type = "range" id = "rngIntro" min = "0" max = "5" value = "0">

JavaScript的：

document.getElementById("rngIntro").value = "0";

这是我的一段代码,它基本上重置了rngIntro HTML范围滑块.它在调用函数时会更改它的值,但它会使物理滑块保持先前的任何值.因此,如果滑块位于最右侧,即使值确实变为零,它也会保持在那里.

我该怎么做才能解决这个问题,我可以调用一个重置而不是.value =“0”吗？

解决方法

我刚刚发现了jquery mobile,他们需要刷新视觉样式.这是他们在 this页面中所说的内容：

“如果你通过JavaScript操作滑块,你必须调用它上面的刷新方法来更新视觉样式.”

这解决了我.

$( ".selector" ).slider( "refresh" );