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

Question

HTML：

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

的JavaScript：

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

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

我可以做些什么来解决这个问题，我可以拨打reset来代替.value = "0"吗？

Answer 1

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

＆＃34;如果您通过JavaScript操作滑块，则必须在其上调用刷新方法以更新视觉样式。＆＃34;

这解决了我。

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