0

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

4

2 回答 2

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有点没有意义。

于 2013-01-10T19:01:57.700 回答
0

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

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

请注意，滑块的行为与您描述的不同。– 安德莱尔

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

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

于 2013-01-11T15:48:19.137 回答