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) |