모바일 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를 모바일 JS 파일과 CSS 파일의 호환되지 않는 버전을 사용하는 경우가 발생합니다. 예를 들어, 1.3.1 js 및 1.2.1 css 파일.

증명 : http://jsfiddle.net/Gajotres/PMrDn/31/

당신이 올바른 jQuery를 모바일 파일을 사용하고 있는지 확인하십시오 :

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