소금인형 - SW개발자?

jQuery Mobile에서 태그를 사용해서 rows="2"등을 줬을때, 제대로 높이 (height)가 적용되지 않습니다. rows값의 높이 (height)를 적용하기 위해서는 setTime Javascript로 딜레이를 줘서, jQuery Mobile에서 가지고 있는 의 css 높이값을 수정해준다. HTML 예제 5 rows: 10 rows: 15 rows: Javascritp + jQuery setTimeout(function () { //$('.foo').addClass('bar'); $('.foo').css({ 'height': 'auto' }); }, 100); Demo 사이트: http://jsfiddle.net/Palestinian/XXEfV/ 출처: https://stackoverflow...

jQuery Mobile Icons (1.4버전) - SVG icons (45개) Text와 이미지를 함께 사용한 버튼이며, SVG icons이기에 사이즈가 늘어나도 깨짐이 없다. 사용법 1) data-icon="arrow-r" 사용법 2) class=" ... ui-icon-클래스" class="... ui-icon-arrow-r" action alert arrow-d arrow-d-l arrow-d-r arrow-l arrow-r arrow-u arrow-u-l arrow-u-r audio back bars bullets calendar camera carat-d carat-l carat-r carat-u check clock cloud comment delete edit eye forbidden f..

jQuery Mobile에서 Layout Grids (columns) 한 줄에 버튼 여러개 놓기. (최대는 5개 까지 입니다.)two-column (using the ui-grid-a class)three-column (using the ui-grid-b class)four-column (using the ui-grid-c class)five-column (using the ui-grid-d class)화면 구성은 다음과 같다.코드 구성은 아래와 같다. A B {..또는 반복처리..} 참고: http://demos.jquerymobile.com/1.1.2/docs/content/content-grids.html 3개의 컬럼 구조 예제 화면.

jQuery 에서 페이지 로딩시 처리하는 함수로 ready 와 on을 많이들 사용하는데, 페이지 로딩에 대한 처리를 한번 알아보려고한다. (참고로, pageinit는 이제 사용하지 않는다고 합니다.) The pageinit event was deprecated in jQuery version 1.4.0. Use the pagecreate event instead. [참고 (jQuery pageinit Event)] http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/jquerymobile/event_pageinit.asp.html jQuery Mobile 1.4 Update: My original article was intended for old way of..

jQuery Mobile 화면 최상단으로 Scroll 이동하기 //delegate binding to only links that have the `.top` class $(document).delegate('a.top', 'click', function () { $('html, body').stop().animate({ scrollTop : 0 }, 500); return false; }); 또는 $.mobile.silentScroll()를 사용하면 됩니다. jQuery Mobile has it's own $.mobile.silentScroll() function that scrolls to a particular Y position without triggering scroll event listen..

jQuery Mobile에서 header bar에 select box를 넣고 싶을때, 다음과 같이 하면 됩니다. My Page Option 1 option 2 ... 참고: https://stackoverflow.com/questions/6569179/jquery-mobile-select-box-in-header

jQuery Mobile 위치 Fixed하기 (스크롤해도 항상 위에 있게) You can customize the search-filter-element's CSS so it is fixed in the viewport. #my-wrapper { padding-top : 45px; } #my-wrapper form { position : fixed; top : 15px; left : 15px; width : 100%; z-index : 1; }​ You'll notice the #my-wrapper selector, I used it to be able to target just the search-input for a specific listview widget. My HTML looks like th..

ThemeRoller for jQuery Mobilehttp://jquerymobile.com/themeroller/jQuery mobile를 사용하다 보면, 기본 Theme이 A~E까지 만 있다 보니. 부족함을 느낍니다. 해당 부분에 사용자가 Theme를 쉽게 만들 수 있게 하는 사이트 입니다.