jQuery Mobile-위젯
위젯은 jQuery 모바일 애플리케이션의 작은 가젯 또는 컨트롤입니다. 위젯은 즐겨 찾는 애플리케이션을 홈 화면에 배치하여 빠르게 액세스 할 수 있으므로 매우 편리합니다.
다음 표는 위젯 유형을 자세히 보여줍니다.
Sr. 아니. | 유형 및 설명 |
---|---|
1 | 버튼
텍스트 또는 이미지와 같은 콘텐츠를 포함하는 클릭 가능한 버튼을 지정합니다. |
2 | 체크 박스
두 개 이상의 옵션을 선택해야하는 경우 확인란이 사용됩니다. |
삼 | 라디오 박스
라디오 버튼은 여러 옵션 중 하나만 선택하면되는 경우에 사용됩니다. |
4 | 날짜 선택기
작은 오버레이로 대화 형 달력을 여는 입력에 중점을 둡니다. |
5 | 접을 수 있는
축소 가능을 사용하면 콘텐츠를 클릭 할 때마다 콘텐츠를 확장하거나 축소 할 수 있습니다. 간단한 내용을 제공하는 모바일 장치에 매우 유용합니다. |
6 | 제어 그룹
컨트롤 그룹은 탐색 구성 요소처럼 보이는 단일 블록을 지정하는 버튼 세트를 제공합니다. |
7 | 필터링 가능
data-filter = "true" 속성 을 사용하여 모든 요소의 하위를 필터링 할 수 있습니다. |
8 | Flipswitch
플립 스위치를 사용하면 부울 스타일 입력을 위해 스위치를 클릭하여 스위치를 끄거나 켜거나 참 / 거짓 할 수 있습니다. |
9 | 목록보기
목록보기 구성 요소의 목적은 목록에서 복잡하고 사용자 정의 된 콘텐츠를 렌더링하는 것입니다. |
10 | 짐을 싣는 사람
jQuery Mobile은 요소에 상태를로드하는 다양한 방법을 제공합니다. |
11 | Navbar
navbar 위젯은 다른 웹 페이지 또는 섹션으로 연결되는 버튼 세트입니다. |
12 | 패널
패널은 상자에 DOM 구성 요소를 표시하는 데 사용됩니다. |
13 | 팝 업
팝업은 텍스트, 이미지 및 기타 콘텐츠를 표시하기 위해 작은 창에 나타나는 사용자 인터페이스입니다. |
14 | Rangeslider
Rangeslider 위젯은 숫자 값 범위를 선택할 수있는 핸들 쌍을 제공합니다. |
15 | 선택 메뉴
선택 메뉴는 사용자가 하나 이상의 옵션을 선택할 수있는 드롭 다운 목록 형태로 다양한 옵션을 제공합니다. |
16 | 슬라이더
슬라이더를 사용하면 슬라이더의 핸들을 밀어 값을 선택할 수 있습니다. |
17 | 표
jQuery Mobile은 테이블을 사용하여 데이터를 행과 열로 표현합니다. 즉, 데이터를 표 형식으로 표시합니다. |
18 | 탭
탭 위젯은 모든 메소드와 옵션을 허용하는 jQuery UI 탭 위젯의 확장입니다. |
19 | 텍스트 입력
<input> 태그는 사용자가 데이터를 입력 할 수 있도록하는 컨트롤 인 입력 요소를 선언하는 데 사용됩니다. |
20 | 툴바
jQuery 모바일 도구 모음 위젯을 사용하면 머리글과 바닥 글을 만들 수 있습니다. |