language:jquery:jquery_mobile_basic

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- language:jquery:jquery_mobile_basic [2021/05/31 21:20] – kieuns
+++ language:jquery:jquery_mobile_basic [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
 ~~Title:jQuery Mobile 모바일~~
+{{section>language:jquery:jquery_문서_목록#jQuery_문서_목록&nofooter&noeditbtn}}
 ====== jQueryMobile 포함하기 ======
@@ 줄 59: / 줄 61: @@
 </html>
 </code>
+====== 그리드 grid ======
+  * [[https://demos.jquerymobile.com/1.4.5/grids/]]
+가로 그리드를 넣은 경우, 내부의 아이템을 자동을 판독하는 것은 아니고 개수에 맞게 클래스를 지정해줘야 한다.
+아래, 링크형 버튼을 2개 가로 배치한 것.
+<code html>
+<div class="ui-grid-a">
+  <div class="ui-block-a"><a href="#" class="ui-shadow ui-btn ui-corner-all">Anchor1</a></div>
+  <div class="ui-block-b"><a href="#" class="ui-shadow ui-btn ui-corner-all">Anchor2</a></div>
+</div>
+</code>
+  * **ui-grid-a** : 가로 2개
+  * **ui-grid-b** : 가로 3개
+  * **ui-grid-c** : 가로 4개
 ====== 링크 방식, a 태그의 동작 ======

language/jquery/jquery_mobile_basic.1622463641.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)