这是JSfiddle：
HTML：
<form>
<label for="slider-10">Slider:</label>
<input type="range" name="slider-10" id="slider-10" min="0" max="999" step="1" value="0">
</form>
<form>
<label for="slider-10">Slider:</label>
<input type="range" name="slider-10" id="slider-10" min="0" max="99" step="1" value="0">
</form>
我遇到了阶梯功能的问题。对于底部滑块，它按预期步进，也就是说1.当我在顶部滑块中更改最大值时，步进功能开始出现意外踩踏10秒。
对于这种情况发生的任何想法或想法？
答案 0 :(得分：1)
这种行为似乎就是JQuery Mobile在较小屏幕上处理宽间隔的方式。如果我在小提琴中增加结果窗格的宽度，则0-999滑块不再执行不规则步骤。将窗格缩小到非常小的尺寸时会显示相同的行为（对于我来说，在窗格变得足够小之后0-99滑块开始踩3）。
我想指出的是，虽然通过拖动控件滑块似乎踩到了10，但您在HTML中定义的步骤仍然是强制执行的。如果使用键盘上的箭头键或滑块旁边的箭头控件，滑块将按正确的数量步进。如果定义的步骤在这里真的被打破了，那么即使那些输入方法也会步进10步。