2012-02-07 4 views
2

jquery 마스크 플러그인을 사용하여 SSN 입력을 마스크하려고하는데 jquery 모바일에서 잘 작동하지 않는 것 같습니다. 코드는 here입니다. 어떤 도움을 주시면 감사하겠습니다.jquery 모바일 입력 마스킹이 작동하지 않습니다.

이 방법이 효과가 없다면 대안은 무엇입니까?

스크립트 :

jquery.mobile-1.0.1.min.css 
jquery-1.6.4.min.js 
jquery.mobile-1.0.1.min.js 

$("#ssnprimary").mask("999-99-9999"); 

HTML :

<div data-role="page" id="mainpage"> 
    <div data-role="header"> 
     <h1> My Test </h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
     <div class="content-primary"> 
     <form id="fmain" data-ajax="false"> 
      <!-- Primary SSN --> 

      <div data-role="none"> 
      <label for="ssnprimary">SSN:</label> 
      <input type="tel" name="ssnprimary" id="ssnprimary" value="" /> 
      </div> 
      </form> 
     <br /> 
     </div><!-- /content --> 
    </div><!-- /content --> 

    <div data-role="footer" 
     data-theme="d"></div><!-- /footer --> 
    </div><!-- /page one --> 

답변

1

당신은 입력을 마스크하는 jQuery 플러그인에 대한 Javascript을 포함하지 않았다

또한 아래 참조에 대한 코드를 복사.

피들 편집을 시도했지만 결과가 표시되지 않습니다. digitalbush.com에서 "jQuery를위한 마스크 입력 플러그인"을 사용하는 경우 문제가 모바일 기기의 브라우저 플러그인이에 의존를 keyDown 및/또는 키 누르기 이벤트를 트리거되지 입니다 http://jsfiddle.net/7MhAU/

+0

고마워, 나는 그것을 내 코드에서 가지고 있고 그것을 바이올린에 넣는 것을 잊어 버렸다. 그러나 나는 방금 pageshow 대신 마스크를 전역으로 호출하고 있기 때문에 DOM 트리가 JQM에 의해로드되지 않았으므로 영향을 미치지 않았 음을 알았다. – Kiran

1

: 그래서 나는 새로운 바이올린을 만들었습니다. 내 안드로이드 2.3 장치에 내장 브라우저를 사용하고 디지털 키보드로 타이핑하는 것은 효과가 없습니다. 커서는 입력 상자의 시작 부분에 위치하고 깜박입니다.

관련 문제