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 모바일 도구 모음 위젯을 사용하면 머리글과 바닥 글을 만들 수 있습니다.