javascript - 在 JS 中重置 HTML 范围输入不会移动显示的 slider

Question

HTML:

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

JavaScript:

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

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

我能做些什么来解决这个问题，有没有我可以调用的 reset 而不是 .value = "0"？

Answer 1

我刚刚为 jquery mobile 发现了这一点，他们需要刷新视觉样式。这是他们在 this 中所说的页:

“如果您通过 JavaScript 操作 slider ，则必须对其调用刷新方法以更新视觉样式。”

这为我解决了。

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