개인이 끄적끄적 거리는 블로그

제이쿼리 모바일 문서 & 데모 사이트.각 컨트롤, 폼 별로 다양한 예제들이 들어있음. 헤메지말고. 여기서 한번 확인하고.또 확인하고. 그리고폭풍개발http://jquerymobile.com/demos/1.0/

This part is a complement of JQuery Mobile Code Snippets 1 , hope these codes help you. Override Checkbox and Radio alignment:Override CSS file: .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; } You can change text-align here. The default is left. Navigation bar: Ads 1 Ads 2 Ads 3 Hide /Show button:Put the button inside divider: And then hide the divider: $('di..

I want to share with you some important codes that you may need during JQuery Mobile development.These codes has been tested on Alpha 4 version.Beta 1 has been released before two days, Therefore I will test them in my current project and inform you of any changes : Also check JQuery Mobile Code Snippets 2. Show and hide back button in your Application $(document).bind("mobileinit", function () ..

제이쿼리모바일 그리드 레이아웃이다.레이아웃 구성시에 참고해서 작성하면 좋을듯. Today I will explain to you how to use Jquery Mobile Grid layout, which allows to build multiple columns ranges between two to five columns .We need this technique to place small elements side-by-side (like hours, minutes and seconds text box groups).Jquery mobile provides a block style class called ui-grid, this class is the core of grid layout. It is..

일반적으로 jquery 를 이용해서 페이지 로딩시 자바스크립트를 처리 하도록 할 경우 head 부분에 $(document).ready(function() { }); 이 안에 넣어서 해결 합니다. 하지만 jquerymobile 는 태생적으로 그렇게 처리 할 수 없습니다. (물론 링크를 jquerymobile 에 의해서 처리 되게 하지 않는다면 가능 하겠지요.) 왜냐하면 jquerymobile는 첫페이지 이후부터는 모두 ajax 처리를 해버리기 때문에 그 다음 페이지 부터는 페이지 리로드가 이루어 지지 않습니다. 그러니 일반적인 방식으로 할 경우 첫페이지 이후 부터는 실행 되지 않습니다. 그래서 ajax의 이벤트를 할당해서 처리 하는 방식으로 진행 해야 합니다. jquerymobile 구성 방식은 다른 곳을..

아래 코드는 간단하게 페이지가 로드됐을때핸드폰에서 왼쪽으로 30px(?), 오른쪽으로 30px(?) 이상씩 마우스무브를 하면페이지 이동을 시키는 코드이다. 해당 페이지에 swipeleft , swiperight 이벤트를 등록시키면왼쪽으로 마우스슬라이드, 오른쪽으로 마우스슬라이드시에 이벤트가 발생한다.(휴대폰에서도) 페이지 이동방식은 두가지. 일반 웹폼 전송방식JQM 페이지 전송방식 먼저 일반 웹폽전송방식은 말그대로 기존에 웹페이지에서 폼 전송하듯 하는 방식이고.JQM 페이지 전송방식은 $.mobile.changePage("Page1.aspx", { transition: "slide", reverse: false }, true, false); 이런식으로 전송한다. 한가지 주의할점은 Page.aspx 페이지..

요렇게 레이아웃을 간단하게 잡아주는 툴을 만들어놨음. 궂이 이걸 안써도 만들수는 있지만 그만큼의 수고를 더 덜 수 있어서 좋다. 그냥 드래그 앤 드롭만 해서 만들면 되니. http://jquerymobile.com/