Javascript 非线性ui滑块值/占位符

我希望我的ui滑块位于其数组的第二个点，但当页面加载时，文本框显示数组值（20），而不是其位置（1）

占位符和值html元素似乎不起作用

为了方便起见，我有一把小提琴：

HTML文件

<div id="slider"></div>
<input type="text" id="slider-val" value="20" />

更换线路：

$("#slider-val").val($("#slider").slider("value"));

与：

当您想使用滑块值作为

valMap

数组中的索引时

$("#slider-val").val($("#slider").slider("value"));

$("#slider-val").val(valMap[$("#slider").slider("value")]);