问题描述
这是一个 ：
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>
我在使用step函数时遇到问题。 对于底部滑块，它按预期方式步进，即以1步进。当我更改最大滑块中的最大值时，步进功能开始意外地步进10。
关于为什么会发生任何想法或想法？
1楼
Jonathan Michalik
1
已采纳
2015-07-17 03:45:42
这种行为似乎只是JQuery Mobile在较小的屏幕上处理宽间隔的方式。 如果我增加小提琴中结果窗格的宽度，则0-999滑块将不再执行不规则步骤。 当将窗格缩小到非常小的尺寸时，会显示相同的行为（对我而言，在窗格足够小之后，0-99滑块开始以3步进）。
不过，我想指出的是，尽管通过拖动控件，滑块似乎要步进10步，但您在HTML中定义的步骤仍会强制执行。 如果您使用键盘上的箭头键或滑块旁边的箭头控件，则滑块步进正确的数量。 如果此处定义的步骤确实被破坏，那么即使是那些输入法也将增加10。