Question

i am using Jquery mobile slider.I want make the slider in steps.
so i have tried with this.

<div data-role="page">
<div data-role="content">
    <label for="slider" class="ui-hidden-accessible">Input slider:</label>
    <input type="range" name="slider"   id="slider_0" value="25" min="0" max="100" step="25" />
</div>

the slider is sliding well but it is not moving in the steps.

eg: 100/25 =4

so it should point only at 25,50,75,100 but its sliding every where.

I have seen an live example at this place. its working fine here but why its not working for me.

http://code.jquery.com/mobile/latest/demos/docs/forms/slider/index.html

here is my jsfiddle

http://jsfiddle.net/chakrirajni/pfNDB/

Thanks,

Answer 1

This Bug has been Fixed in Latest version JQuery Mobile Libraries mentioned below

1)stable version – 1.0.1 http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/

2)Unstable build – 1.1.0 RC1 http://jquerymobile.com/blog/2012/02/28/announcing-jquery-mobile-1-1-0-rc1/