Javascript 将滑块ui值放置在特定点

我正在寻找一种在某些点上定位标准的方法。滑块从指定的数组中拾取值[5000、10000、15000、20000、25000、30000、35000、40000、45000、50000、55000、60000、65000、70000、75000、80000、85000、90000、95000、100000、200000、300000、400000、500000]，并且当前步骤之间的间隔相等。但是，我想在5、25、50、100和500处显示某些步骤，并将它们放置在滑块长度的每20%处。下图说明了我的想法：

寻找如何做到这一点的任何想法

$（函数（）{
风险值大小=[“5000”、“10000”、“15000”、“20000”、“25000”、“30000”、“35000”、“40000”、“45000”、“50000”、“55000”、“60000”、“65000”、“70000”、“75000”、“80000”、“85000”、“90000”、“95000”、“100000”、“200000”、“300000”、“400000”、“500000”]；
$（“#slider-range-max2”）.滑块({
射程：“最大”，
分:0,，
最大：尺寸。长度-1，
步骤：1，
创建：函数（事件、用户界面）{
$（“#每”）.val（大小[0]+“IOPS”）；
},
更改：功能（事件、用户界面）{
$（“#每”）.val（大小[ui.value]+“IOPS”）；
}
});
$（“#plus2”）。单击（函数（）{
var值=$（“#slider-range-max2”）。slider（“值”）；
变量步长=$（“#slider-range-max2”）。滑块（“选项”、“步长”）；
$（“#slider-range-max2”）。滑块（“值”，值+步长）；
});
$（“#减数2”）。单击（函数（）{
变量值=$（“#slider-range-max2”）。slider（“值”）
var ste

滑块{
位置：相对位置；
边缘顶部：20px；
边缘底部：15px；
宽度：90%；
背景：#333；
/*-moz盒阴影：插入0 10px#999；
-webkit盒阴影：插入0 10px#999；
盒影：插入0 10px#999*/
高度：15px；
边界半径：10px；
边框：1px实心#DDDDDD；
左边距：15px；
}
.slider.ui滑块句柄{
位置：绝对位置；
背景：红色；
边界半径：25px；
宽度：20px；
高度：50px；
顶部：-16px；
左：50px；
边框样式：无；
盒影：无；
}
输入[类型=文本]{
边框：1px实心#333；
-webkit边界半径：25px；
-moz边界半径：25px；
边界半径：25px；
填充物：5px10px；
利润上限：-15px；
文本对齐：居中；
背景色：#ffffff；
宽度：120px；
颜色：#2A3137；
字号：18px；
字体大小：粗体；
边缘顶部：5px；
左边距：5px；
}
.负，.正{
显示：内联块；
浮动：左；
边框：1px实心#aaa；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：25px；
填充物：5px10px；
利润上限：-15px；
文本对齐：居中；
背景色：#E3；
颜色：#333；
字号：18px；
字体大小：粗体；
左边距：5px；
光标：指针；
宽度：10px；
边缘顶部：5px；
}

-
+
您可以完成所有这些，包括设置自定义点子、自定义范围值，它将使用noUISlider沿X轴自动为您分配增量值。其他人已经为您做了大量工作，这毫无意义。您可以完成所有这些，包括设置自定义点子、自定义范围值，然后它将进行分配使用noUISlider沿X轴自动计算出增量值。其他人已经为你做了很多工作，这毫无意义。