ios - Mobile Jquery slider is not showing properly -


i developing ios app using phonegap. have used following code implementing slider in app

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

but not displaying slider properly. please me!!

enter image description here

this happen if use incompatible versions of jquery mobile js file , css file. example 1.3.1 js , 1.2.1 css file.

proof: http://jsfiddle.net/gajotres/pmrdn/31/

make sure using correct jquery mobile files:

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

Comments

Popular posts from this blog

php - Calling a template part from a post -

Firefox SVG shape not printing when it has stroke -

How to mention the localhost in android -