Mobile JQuery Slider 的步进增量不起作用答案

【问题标题】：Mobile JQuery Slider's step increment not workingMobile JQuery Slider 的步进增量不起作用
【发布时间】：2013-01-10 18:09:44
【问题描述】：

我正在使用 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，但滑块控件中的步长增量不起作用。您可以将滑块定位在两个增量之间的任何中间点。

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 版本中，滑块可以定位在错误范围内的任何点。我不知道为什么？请帮忙。非常感谢，

【问题讨论】：

您的问题含糊不清，我不确定您在寻找什么答案？
@andleer 非常感谢。我刚刚按照建议更新了代码，但它仍然无法正常工作。当然，控件没有采用任何错误的值，但滑块的位置仍然可以在任意两个所需位置之间。我只希望滑块位于所需的 5 点，这是步进增量的目的。你还能看出什么问题吗。谢谢，
正如您在jquerymobile.com/test/docs/forms/slider/index.html 看到的步进增量滑块，滑块不能定位在每个位置。它只停留在特定的步骤。
当前 1.2 版本的 jQuery Mobile 并非如此。 “测试”文档就是这样。如果他们没有出现在 Google 搜索中，那就太好了。您可以在此处找到实时文档：jquerymobile.com/demos/1.2.0/docs/forms/slider 请注意，滑块的行为与您描述的不同。
@andleer 太棒了。非常感谢您。所以这解决了问题。干杯。

标签： jquery html jquery-mobile jquery-ui-slider

【解决方案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有点意思。

【讨论】：

【解决方案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

【讨论】：