2013-01-10 1 views
0

MJQuery 슬라이더를 사용하고 있습니다. 모바일 JQuery를 사용할 때 슬라이더의 단계 증가가 작동하지 않습니다. 그러나, 그것은 정상적인 버전을 위해 일하고있다 이것은 모바일 JQuery를 사용하지 않고 페이지의 버전이다. 이 경우 범위의 어느 지점에서나 슬라이더 컨트롤을 배치 할 수 없습니다.모바일 JQuery 슬라이더의 단계 증가가 작동하지 않습니다.

http://users.ecs.soton.ac.uk/smaj08r/vidtest/indexNotMJQ.html

코드 : 다음 버전에서

<html> 
<script src="jquery-1.8.3.js"></script> 
</head> 
<body> 
This is slider without MJQuery 
<input type="range" name="slider-step" id="slider-step" value="2" min="1" max="4" step="1" /> 
</body> 
</html> 

, 나는 모바일 JQuery와 여기에 작동하지 않는 슬라이더 컨트롤의 단계 증가를 사용하고 있습니다. 두 증분 사이의 중간 지점에서 슬라이더를 배치 할 수 있습니다.

http://users.ecs.soton.ac.uk/smaj08r/vidtest/indexMJQ.html

번호 : 모바일 JQuery와 버전

<html><head> 
<script src="jquery-1.8.3.js"></script> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">  
    </script> 
</head><body> 
<div data-role="page"> 
    <div data-role="content"> 
     <input type="range" name="slider-step" id="slider-step" value="20" min="0" max="100" step="20" /> 
</div> 
</div> 

    </body> 
</html> 

슬라이더 잘못된 범위의 어느 지점에 위치 할 수있다. 나는 왜 몰라? 도와주세요.

<div data-role="page"> 
    <div data-role="content"> 
     <input type="range" name="slider-step" 
      id="slider-step" value="2" min="1" max="4" step="1" /> 
    </div> 
</div> 

슬라이더 확인을 보이는 : 많은 감사,

+0

귀하의 질문은 모호하고 난 당신이 대답의 방법으로 찾고있는 것을 확실하지 않다? – andleer

+0

@andleer 대단히 감사합니다. 권장대로 코드를 업데이트했지만 아직 제대로 작동하지 않습니다. 물론 제어 장치가 잘못된 값을 취하지는 않지만 슬라이더 위치는 원하는 두 위치 사이에있을 수 있습니다. 나는 스텝 - 인크 리먼 트 (step-increment)의 목적 인 원하는 5 포인트에서만 슬라이더를 원합니다. 여전히 문제가 생길 수 있습니까? 감사합니다, – smaj08r

+0

에서 볼 수 있듯이 단계 증가 슬라이더는 모든 위치에 슬라이더를 배치 할 수 없습니다. 그것은 특정 단계에만 머물러 있습니다. – smaj08r

답변

1

당신은 jQuery를 모바일 마크 업을 필요 누락되었습니다. 이 단계는 슬라이더가 아닌 값을 제한합니다. 1의 단계는 다소 의미가 없습니다.

0

현재 1.2 버전의 jQuery Mobile에서는 그렇지 않습니다. 'test'문서는 바로 그것입니다. 그들이 Google 검색에 나타나지 않으면 좋을 것입니다. 현재 라이브 문서를 찾을 수 있습니다

jquerymobile.com/demos/1.2.0/docs/forms/slider 당신이 설명대로 슬라이더가 작동하지 않는

공지 사항. - andleer

jquery 모바일을 사용하는 슬라이더의 실제 동작은이 동작과 다릅니다.

jquerymobile.com/test/docs/forms/slider/index.html

관련 문제