我正在使用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/
谢谢,
答案 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"/>
感谢您的帮助。