jQuery Mobile Slider Step属性不起作用

时间:2012-01-19 10:45:57

标签: jquery-mobile

我正在使用Jquery移动滑块。我想逐步制作滑块。 所以我试过这个。

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

滑块滑动得很好但是它没有在步骤中移动。

例如:100/25 = 4

所以它应该只指向25,50,75,100,但它会在每个地方滑动。

我在这个地方看过一个现实的例子。它的工作正常,但为什么它不适合我。

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

这是我的jsfiddle

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

谢谢,

2 个答案:

答案 0 :(得分:0)

此Bug已在下面提到的最新版JQuery Mobile Libraries中修复

1)稳定版 - 1.0.1 http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/

2)不稳定的构建 - 1.1.0 RC1 http://jquerymobile.com/blog/2012/02/28/announcing-jquery-mobile-1-1-0-rc1/

答案 1 :(得分:0)

雅得到了。

我使用过这些喜欢的东西。

  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"> </script>

工作正常。

但我不想看到滑块旁边的文本框。我怎么能在这个版本中做到这一点 我的代码看起来像这样。

         <label for="slider" class="ui-hidden-accessible">
                            Input slider:</label>
                        <input type="range" name="slider" id="slidstep" step="25"   value="0" min="1" max="100"/>

enter image description here

感谢您的帮助。