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

Resetting HTML Range Input in JS doesn't move displayed slider

本文关键字:移动 显示 输入 JS 范围 HTML      更新时间:2023-09-26

HTML:

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

JavaScript:

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

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

我该怎么做才能解决这个问题,有没有我可以打电话代替.value = "0" reset

我刚刚发现jquery移动版需要刷新视觉样式。以下是他们在此页面中所说的话:

"如果你通过JavaScript操作滑块,你必须在其上调用刷新方法来更新视觉样式。

这为我解决了这个问题。

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