jQuery Mobile-데이터 속성

단추

ui-btn 클래스를 사용하여 텍스트 또는 이미지와 같은 콘텐츠를 포함하는 클릭 가능한 버튼을 지정합니다 . 버전 1.4에서는 더 이상 사용되지 않습니다. data-role = "button" 속성 을 사용 하는 대신 ui-btn 속성을 사용하십시오 .

다음 표에는 데이터 속성과 함께 사용되는 버튼 요소가 나열되어 있습니다.

Sr. 아니. 데이터 속성 및 설명
1

data-corners

버튼에 둥근 모서리를 포함할지 여부를 정의합니다.

사실 | 그릇된
2

data-icon

버튼의 아이콘을 정의합니다.

기본값은 아이콘 없음

data-iconpos

아이콘의 위치를 ​​정의합니다.

왼쪽 | 오른쪽 | 상단 | 바닥
4

data-iconshadow

버튼 아이콘에 그림자를 포함할지 여부를 정의합니다.

사실 | 그릇된
5

data-inline

버튼이 인라인이어야하는지 여부를 정의합니다.

사실 | 그릇된
6

data-mini

버튼을 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된
7

data-shadow

버튼에 그림자를 포함할지 여부를 정의합니다.

사실 | 그릇된
8

data-theme

버튼의 테마 색상을 표시합니다.

문자 (az)

체크 박스

다음 표에는 다음과 함께 사용되는 확인란 요소가 나열되어 있습니다. type = "checkbox".

Sr. 아니. 데이터 속성 및 설명
1

data-mini

체크 박스를 더 작은 크기로 표시할지 아니면 보통 크기로 표시할지 정의합니다.

사실 | 그릇된
2

data-role

확인란의 스타일 지정을 버튼으로 중지합니다.

없음

data-theme

체크 박스의 테마 색상을 표시합니다.

문자 (az)

접을 수 있는

다음 표에는와 함께 사용되는 축소 가능한 요소가 나열되어 있습니다. data-role = "collapsible" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-collapsed

콘텐츠를 닫을 지 확장해야하는지 여부를 나타냅니다.

사실 | 그릇된
2

data-collapsed-cue-text

화면 판독기 소프트웨어를 사용하는 사용자에게 피드백을 표시합니다.

기본값은 콘텐츠 축소입니다.

data-collapsed-icon

접을 수있는 버튼의 아이콘을 정의합니다.

기본 아이콘은 "더하기"입니다.
4

data-content-theme

접을 수있는 콘텐츠의 테마 색상을 표시합니다.

문자 (az)
5

data-expanded-cue-text

화면 판독기 소프트웨어를 사용하는 사용자에게 피드백을 표시합니다.

기본값은 콘텐츠 확장입니다.
6

data-expanded-icon

콘텐츠를 확장하면 축소 가능한 버튼이 표시됩니다.

기본 아이콘은 "마이너스"입니다.
7

data-iconpos

아이콘의 위치를 ​​정의합니다.

왼쪽 | 오른쪽 | 상단 | 바닥
8

data-inset

접을 수있는 버튼이 둥근 모서리와 여백으로 표시되어야하는지 여부를 정의합니다.

사실 | 그릇된
9

data-mini

접을 수있는 버튼을 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된
10

data-theme

접을 수있는 버튼의 테마 색상을 표시합니다.

문자 (az)

접을 수있는 세트

다음 표에는와 함께 사용되는 축소 가능 집합 요소가 나열되어 있습니다. data-role = "collapsibleset" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-collapsed-icon

접을 수있는 버튼의 아이콘을 정의합니다.

기본 아이콘은 "더하기"입니다.
2

data-content-theme

접을 수있는 콘텐츠의 테마 색상을 표시합니다.

문자 (az)

data-expanded-icon

콘텐츠를 확장하면 축소 가능한 버튼이 표시됩니다.

기본 아이콘은 "마이너스"입니다.
4

data-iconpos

아이콘의 위치를 ​​정의합니다.

왼쪽 | 오른쪽 | 상단 | 바닥
5

data-inset

접을 수있는 버튼이 둥근 모서리와 여백으로 표시되어야하는지 여부를 정의합니다.

사실 | 그릇된
6

data-mini

접을 수있는 버튼을 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된
7

data-theme

접을 수있는 버튼의 테마 색상을 표시합니다.

문자 (az)

제어 그룹

다음 표에는와 함께 사용되는 Controlgroup 요소가 나열되어 있습니다. data-role = "controlgroup" 속성-

Sr. 아니. 데이터 속성 및 설명
1

data-exclude-invisible

둥근 모서리 할당에서 보이지 않는 자식을 제외할지 여부를 정의합니다.

사실 | 그릇된
2

data-mini

그룹을 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된

data-theme

제어 그룹의 테마 색상을 표시합니다.

문자 (az)
4

data-type

그룹을 가로 또는 세로 형식으로 표시할지 여부를 나타냅니다.

수평 | 세로

대화

다음 표에는와 함께 사용되는 대화 상자 요소가 나열되어 있습니다. data-dialog="true" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-close-btn

닫기 버튼의 위치를 ​​정의합니다.

왼쪽 | 오른쪽 | 없음
2

data-close-btn-text

닫기 버튼의 텍스트를 정의합니다.

본문

data-corners

둥근 모서리로 대화 상자를 표시할지 여부를 정의합니다.

사실 | 그릇된
4

data-dom-cache

DOM 캐시가 개별 페이지에 대해 지워야하는지 여부를 나타냅니다.

사실 | 그릇된
5

data-overlay-theme

대화 페이지의 오버레이 색상을 정의합니다.

문자 (az)
6

data-theme

대화 페이지의 테마 색상을 정의합니다.

문자 (az)
7

data-title

대화 페이지의 제목을 정의합니다.

본문

상승

다음 표에는 data-enhance="false" or data-ajax = "false" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-enhance

이 속성을 "true"로 설정하여 페이지 스타일을 지정할 수 있습니다. "false"로 설정된 경우 페이지 스타일을 지정할 수 없습니다.

사실 | 그릇된
2

data-ajax

페이지를 Ajax에서로드해야하는지 여부를 나타냅니다.

사실 | 그릇된

고정 도구 모음

다음 표에는와 함께 사용되는 도구 모음 요소가 나열되어 있습니다. data-position = "fixed" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-disable-page-zoom

사용자가 페이지를 확대 / 축소 할 수 있는지 여부를 정의합니다.

사실 | 그릇된
2

data-fullscreen

도구 모음이 상단 및 / 또는 하단에 배치되어야 함을 정의합니다.

사실 | 그릇된

data-tap-toggle

사용자가 탭시 도구 모음 표시 여부를 전환 할 수 있는지 여부를 나타냅니다.

사실 | 그릇된
4

data-transition

요소를 탭하거나 클릭하면 전환 효과가 표시됩니다.

슬라이드 | 페이드 | 없음
5

data-update-page-padding

크기 조정, 전환 및 업데이트 레이아웃 이벤트를 사용하여 페이지의 패딩을 업데이트합니다.

사실 | 그릇된
6

data-visible-on-page-show

상위 페이지가 표시 될 때 도구 모음 가시성을 정의합니다.

사실 | 그릇된

플립 토글 스위치

다음 표에는와 함께 사용되는 반전 토글 요소가 나열되어 있습니다. data-role = "flipswitch" 속성-

Sr. 아니. 데이터 속성 및 설명
1

data-mini

스위치가 더 작은 크기로 표시되어야하는지 일반 크기로 표시되어야하는지 정의합니다.

사실 | 그릇된
2

data-on-text

플립 스위치의 "켜기"텍스트를 정의합니다.

기본값은 "on"입니다.

data-off-text

플립 스위치의 "off"텍스트를 정의합니다.

기본값은 "off"입니다.

보행인

다음 표는 data-role = "footer" 속성 과 함께 사용되는 바닥 글 요소를 나열 합니다.

Sr. 아니. 데이터 속성 및 설명
1

data-id

고유 ID를 정의합니다.

본문
2

data-position

바닥 글을 맨 아래에 배치할지 아니면 페이지 콘텐츠와 함께 인라인에 배치할지 정의합니다.

인라인 | 결정된

data-fullscreen

바닥 글을 페이지 콘텐츠의 맨 아래 및 위에 배치할지 여부를 정의합니다.

사실 | 그릇된
4

data-theme

바닥 글의 테마 색상을 정의합니다.

문자 (az)

머리글

다음 표에는와 함께 사용되는 헤더 요소가 나열되어 있습니다. data-role = "header" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-id

고유 ID를 정의합니다.

본문
2

data-position

헤더를 페이지 콘텐츠와 함께 맨 아래에 배치할지 아니면 인라인에 배치 할지를 정의합니다.

인라인 | 결정된

data-fullscreen

헤더가 페이지 컨텐츠의 맨 아래 및 위에 배치되어야하는지 여부를 정의합니다.

사실 | 그릇된
4

data-theme

헤더의 테마 색상을 정의합니다.

문자 (az)

입력

다음 표에는와 함께 사용되는 입력 요소가 나열되어 있습니다. type = "text|search|etc" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-clear-btn

입력 요소에 지우기 버튼이 포함되어야하는지 여부를 정의합니다.

사실 | 그릇된
2

data-clear-btn-text

지우기 버튼의 텍스트를 정의합니다.

본문

data-mini

입력을 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된
4

data-role

입력 또는 텍스트 영역을 버튼으로 스타일링하는 것을 중지합니다.

없음
5

data-theme

입력 요소의 테마 색상을 정의합니다.

문자 (az)

링크

다음 표에는 jQuery Mobile에서 사용되는 링크 요소가 나열되어 있습니다.

Sr. 아니. 데이터 속성 및 설명
1

data-ajax

Ajax를 통해 페이지를로드해야하는지 여부를 나타냅니다.

사실 | 그릇된
2

data-direction

역 전환에 사용됩니다.

역전

data-dom-cache

페이지에 대해 jQuery DOM 캐시를 지워야하는지 여부를 나타냅니다.

사실 | 그릇된
4

data-prefetch

페이지를 DOM으로 프리 페치하는 데 사용됩니다.

사실 | 그릇된
5

data-rel

링크의 동작을 지정합니다.

뒤로 | 대화 | 외부 | 팝업
6

data-transition

한 페이지에서 다른 페이지로의 전환을 정의합니다.

페이드 | 플립 | 흐름 | 팝 | 슬라이드 | 슬라이드 다운 | 슬라이드 페이드 | 슬라이드 업 | 차례 | 없음
7

data-position-to

팝업 상자의 위치를 ​​정의합니다.

원산지 | jQuery 선택기 | 창문

명부

다음 표는와 함께 사용되는 목록 요소를 보여줍니다. data-role = "listview" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-autodividers

목록을 자동으로 나눕니다.

사실 | 그릇된
2

data-count-theme

count 요소의 테마 색상을 정의합니다.

문자 (az)

data-divider-theme

목록 구분선의 테마 색상을 정의합니다.

문자 (az)
4

data-filter

검색 상자의 목록 값을 필터링하는 데 사용됩니다.

사실 | 그릇된
5

data-filter-placeholder

검색 상자 내부의 일부 텍스트를 정의합니다.

본문
6

data-filter-theme

검색 필터의 테마 색상을 정의합니다.

문자 (az)
7

data-icon

목록에 대한 아이콘을 제공합니다.

기본값은 아이콘 없음
8

data-inset

목록을 둥근 모서리와 여백으로 표시할지 여부를 정의합니다.

사실 | 그릇된
9

data-split-icon

분할 버튼의 아이콘을 정의합니다.

기본 아이콘은 "arrow-r"입니다.
10

data-split-theme

분할 버튼의 테마 색상을 정의합니다.

문자 (az)
11

data-theme

목록의 테마 색상을 정의합니다.

문자 (az)

목록 항목

다음 표는와 함께 사용되는 목록 항목 요소를 보여줍니다. data-role = "listview" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-filtertext

검색 상자의 텍스트를 사용하여 목록 값을 필터링하는 데 사용됩니다.

본문
2

data-icon

목록 항목에 대한 아이콘을 제공합니다.

기본값은 아이콘 없음

data-role

목록 항목의 구분선을 정의합니다.

목록 분할기
4

data-theme

목록 항목의 테마 색상을 정의합니다.

문자 (az)

Navbar

다음 표에는와 함께 사용되는 navbar 요소가 나열되어 있습니다. data-role = "navbar" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-icon

목록 항목에 대한 아이콘을 제공합니다.

기본값은 아이콘 없음
2

data-iconpos

아이콘의 위치를 ​​정의합니다.

왼쪽 | 오른쪽 | 상단 | 바닥 | notext

페이지

다음 표에는와 함께 사용되는 페이지 요소가 나열되어 있습니다. data-role = "page" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-dom-cache

DOM 캐시가 개별 페이지에 대해 지워야하는지 여부를 나타냅니다.

사실 | 그릇된
2

data-overlay-theme

대화 페이지의 오버레이 색상을 정의합니다.

문자 (az)

data-theme

페이지의 테마 색상을 정의합니다.

문자 (az)
4

data-title

페이지 제목을 제공합니다.

기본값은 아이콘 없음
5

data-url

URL을 업데이트하는 데 사용됩니다.

URL

팝업

다음 표에는와 함께 사용되는 팝업 요소가 나열되어 있습니다. data-role = "popup" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-corners

팝업이 둥근 모서리와 여백으로 표시되어야하는지 여부를 정의합니다.

사실 | 그릇된
2

data-dismissible

외부를 클릭하여 팝업을 닫을 지 여부를 정의합니다.

사실 | 그릇된

data-history

팝업이 열렸을 때 항목 이력을 표시할지 여부를 정의합니다.

사실 | 그릇된
4

data-overlay-theme

팝업 상자의 오버레이 색상을 정의합니다.

문자 (az)
5

data-shadow

팝업 상자의 그림자를 표시합니다.

사실 | 그릇된
6

data-theme

팝업 상자의 테마 색상을 정의합니다.

문자 (az)
7

data-tolerance

창의 가장자리를 정의합니다.

30, 15, 30, 15

라디오 버튼

다음 표에는와 함께 사용되는 라디오 버튼 요소가 나열되어 있습니다. type = "radio" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-mini

버튼을 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된
2

data-role

라디오 버튼의 스타일을 강화 된 버튼으로 중지합니다.

없음

data-theme

라디오 버튼의 테마 색상을 정의합니다.

문자 (az)

고르다

다음 표에는 jQuery Mobile과 함께 사용되는 선택 요소가 나열되어 있습니다.

Sr. 아니. 데이터 속성 및 설명
1

data-icon

선택 요소에 대한 아이콘을 제공합니다.

기본값은 "화살표 -d"입니다.
2

data-iconpos

아이콘의 위치를 ​​정의합니다.

왼쪽 | 오른쪽 | 상단 | 바닥

data-inline

버튼이 인라인이어야하는지 여부를 정의합니다.

사실 | 그릇된
4

data-mini

select를 더 작은 크기로 표시할지 아니면 일반 크기로 표시할지 정의합니다.

사실 | 그릇된
5

data-native-menu

false로 설정 한 경우 사용자 정의 메뉴를 사용합니다.

사실 | 그릇된
6

data-overlay-theme

사용자 지정 선택 메뉴의 오버레이 색상을 정의합니다.

문자 (az)
7

data-placeholder

비원시 선택의 옵션 요소를 설정하는 데 사용됩니다.

사실 | 그릇된
8

data-role

선택 요소의 스타일 지정을 버튼으로 중지합니다.

없음
9

data-theme

선택한 요소의 테마 색상을 표시합니다.

문자 (az)

슬라이더

다음 표에는와 함께 사용되는 슬라이더 요소가 나열되어 있습니다. type = "range" 속성.

Sr. 아니. 데이터 속성 및 설명
1

data-highlight

슬라이더를 강조 표시합니다.

사실 | 그릇된
2

data-mini

슬라이더를 더 작은 크기로 표시할지 일반 크기로 표시할지 정의합니다.

사실 | 그릇된

data-role

슬라이더 컨트롤의 스타일을 버튼으로 중지합니다.

없음
4

data-theme

슬라이더 컨트롤의 테마 색상을 표시합니다.

문자 (az)
5

data-track-theme

슬라이더 트랙의 테마 색상을 표시합니다.

문자 (az)