ios - 移动 Jquery 滑块未正确显示

Question

我正在使用 phonegap 开发一个 ios 应用程序。我已使用以下代码在我的应用程序中实现滑块

<form>
    <label for="slider">Product quality:</label>
    <input type="number" data-type="range" name="slider" id="slider-1" value="0" min="0" max="100"/>
 </form>

但它没有正确显示滑块。请帮我！！

Answer 1

如果您使用不兼容版本的 jQuery Mobile js 文件和 css 文件，就会发生这种情况。例如 1.3.1 js 和 1.2.1 css 文件。

证明：http: //jsfiddle.net/Gajotres/PMrDn/31/

确保您使用的是正确的 jQuery Mobile 文件：

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