Javascript JQuery RangeSloider步骤更改问题

我使用的是JQuery RangeSloider

我希望最小值是6，最大值是60，这是我在html代码中设置的

<input type="range" value="18" min="6" max="60" step="6" >

步长应增加6，直到达到36。当滑块达到36时，步长将增加12（应该如此）。。。然后它应该会突然变为48，然后变为60，但相反，它会变为42，然后变为54和66

因此，与其去6,12,18,24,30,36,48,60

好像要走了

6,12,18,24,30,36,42,54,66

有人知道我能做些什么来确保步长在被告知的位置增加并显示正确的量吗

检查此项，其工作方式与此类似

谢谢

---

​

代码是明确的，就在代码笔中：

if (v>=36) {
  $r.data().plugin_rangeslider.step = 12;
} else {
  $r.data().plugin_rangeslider.step = 6;
}

如果该值大于或等于36，则步骤变为12

---

如果希望将步骤保持在6，则可以完全删除这段代码。

您需要使用jquery。您正在将

步骤

属性传递给

输入

元素。这意味着，该值随阶跃量的增加而增加

如果该值大于36，则首先需要删除该属性。然后使用

attr

函数添加

step

属性，并将

值设置为12。

注意：这将更改所有输入范围字段的属性。如果只想更改一个，则需要在输入字段中添加一个id


然后使用id选择器

$('#range1')

很抱歉，您的代码笔html不同。请更改，谢谢，但我希望步长增加6，直到达到36，然后再增加12，直到达到最大值60
$('#range1')