Question

我正在使用MJQuery滑块。当我使用Mobile JQuery时，滑块中的步长增量无效。但是，它适用于正常版本这是不使用移动JQuery的页面版本。在这种情况下，您无法在该范围内的任何位置定位滑块控件。

http://users.ecs.soton.ac.uk/smaj08r/vidtest/indexNotMJQ.html

代码：

<html>
<script src="jquery-1.8.3.js"></script>
 </head>
<body>
This is slider without MJQuery
 <input type="range" name="slider-step" id="slider-step" value="2" min="1" max="4" step="1" />
</body>
</html>

在以下版本中，我使用的是Mobile JQuery，此处滑块控件中的Step Increment无效。您可以将滑块定位在两个增量之间的任何中间点。

http://users.ecs.soton.ac.uk/smaj08r/vidtest/indexMJQ.html

代码：

 <html><head>
 <script src="jquery-1.8.3.js"></script>
   <meta name="viewport" content="width=device-width, initial-scale=1"> 
   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
   <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">     
   </script>
</head><body>
<div data-role="page">
    <div data-role="content">
        <input type="range" name="slider-step" id="slider-step" value="20" min="0" max="100" step="20" />
 </div>
 </div>

  </body>
 </html>

在移动JQuery版本中，滑块可以定位在错误范围内的任何位置。我不知道为什么？请帮忙。非常感谢，

Answer 1

您缺少必需的jQuery Mobile标记：

<div data-role="page">
    <div data-role="content">
        <input type="range" name="slider-step"
            id="slider-step" value="2" min="1" max="4" step="1" />
    </div>
</div>

滑块看起来不错。该步骤限制值，而不是滑块。 1的一步有点毫无意义。

Answer 2

目前的1.2版本的jQuery Mobile并非如此。 '测试'文档就是这样。如果他们没有出现在Google搜索中，那就太好了。你可以在这里找到实时文档：

jquerymobile.com/demos/1.2.0/docs/forms/slider

请注意，滑块的行为与您所描述的不同。 - andleer

使用jquery mobile的滑块的实际行为与此不同。

jquerymobile.com/test/docs/forms/slider/index.html

移动JQuery Slider的步长不起作用

2 个答案: