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