5. Jquery Mobile 기초 – 로딩 관련 이벤트처리 (1) mobileinit JqueryMobile JS 가 로딩될때 로딩되는 이벤트로 보통 화면 전환 방식, 로딩 방식 등 기본 세팅과 관련된 이벤트를 처리한다. 자세한 이벤트는 아래의 사이트를 참조한다. – 참조 : http://jquerymobile.com/demos/1.2.0/#/demos/1.2.0/docs/api/globalconfig.html [예제] 아래는 Mobileitit 이벤트에서 로딩Bar 를 Visible 처리 하고, 로딩 메세지를 정의, 화면 전환 방식을 정의하는 코드이다. $(document).bind(“mobileinit”,function(){ […]
4. Jquery Mobile 기초 – 페이지 이동 (1) 단일 HTML 모델 Jquert Mobile 은 하나의 DOM 구조를 유지한다. 모든 종류의 링크는 AJAX 로 처리되어 JQuery Object 안에 DOM을 추가하는 방식으로 동작한다. 결국 하나의 DOM 으로 동작한다. (2) 외부 페이지 <a href = “” 의 대상은 여러가지가 있을 수 있다. – javascript – element ID – […]
4. Jquery Mobile 기초 – Form (1) Form 요소 (가) Number Type : 숫자 자판 적용 <input id=”age” type=”number” name=”age” min=”1″ max=”150″ value=”20″ /> (나) E-Mail : 영문 자판 적용 <input id=”email” type=”email” name=”email” value=”” /> (다) url: 영문 자판 적용 <input id=”homepage” type=”url” name=”homepage” value=”” /> (라) tel: 숫자 자판 적용 <input id=”tel” type=”tel” […]