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>