jQuery 모바일 (듀얼) 범위 슬라이더는 2 개의 별도 슬라이더를 생성합니다.

Question

jQuery 모바일을 사용하여 이중 범위 탐색기를 만드는 데 많은 어려움을 겪고 있습니다. jQuery Mobile docs에서 다음 제안 된 코드를 구현할 때 단순히 두 개의 별도 슬라이더가 서로 아래에 놓이게됩니다.

<div data-role="fieldcontain"> 
    <div data-role="rangeslider" data-mini="true"> 
     <label for="range-8a">Rangeslider:</label> 
     <input type="range" name="range-8a" id="range-8a" min="0" max="100" value="0"> 
     <label for="range-8b">Rangeslider:</label> 
     <input type="range" name="range-8b" id="range-8b" min="0" max="100" value="100"> 
    </div> 
</div> 

는 내가 이상적으로이 사용자가 이미하지가 캐시 된 경우 다운로드해야 할 또 다른 프레임 워크 (꽤 큰 하나) 될 것 같은 jQuery를 UI에서 떨어져 있고 싶어. 내 응용 프로그램을 가능한 한 가벼운 것으로 유지하려고합니다. 아마도 내가 구현에서 뭔가 잘못하고 있는거야?

Answer 1

귀하의 의견에 따르면, 문제는 당신이 잘못된 jQuery Mobile 버전을 사용하고 있다는 것입니다. 범위 라이더는 현재 베타 버전 인 1.3.0 버전의 새로운 기능입니다. 따라서이 새로운 기능을 사용하려면 해당 버전을 사용해야합니다.