ios - 移动 Jquery slider 未正确显示

Question

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

<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>

但是它没有正确显示 slider 。请帮助我!!

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>