javascript - jQuery Mobile Slider with step -


here 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> 

i'm having issues step function. bottom slider steps expected, 1. when change max though in top slider step function starts behaving unexpectedly stepping 10's.

any thoughts or ideas on why occurs?

that behavior seems how jquery mobile handles wide interval on smaller screens. if increase width of result pane in fiddle, 0-999 slider doesn't irregular step anymore. same behavior shown when reducing pane small sizes (for me 0-99 slider started stepping 3 after pane got small enough).

i'd point out, though, while slider appears stepping 10 dragging control, step you've defined in html still enforced. if use arrow keys on keyboard or arrow controls next slider, slider steps correct amount. if defined step broken here input methods stepping 10 well.


Comments

Popular posts from this blog

c# - Better 64-bit byte array hash -

webrtc - Which ICE candidate am I using and why? -

php - Zend Framework / Skeleton-Application / Composer install issue -