jQuery Mobile 아이콘
- 이전 페이지 jQuery Mobile 이벤트
- 다음 페이지 jQuery Mobile 강의
jQuery 아이콘
jQuery Mobile에서 버튼에 아이콘을 추가하려면 data-icon 속성을 사용하십시오:
<a href="#anylink" data-role="button" data-icon="refresh">페이지 새로 고침</a>
힌트:<button> 또는 <input> 요소에서 data-icon 속성을 사용할 수 있습니다。
아래는 jQuery Mobile이 제공하는 모든 사용 가능한 아이콘을 나열했습니다:
속성 값 | 설명 | 아이콘 | 예제 |
---|---|---|---|
data-icon="arrow-l" | 왼쪽 방향 | 테스트 | |
data-icon="arrow-r" | 오른쪽 방향 | 테스트 | |
data-icon="arrow-u" | 상향 방향 | 테스트 | |
data-icon="arrow-d" | 하향 방향 | 테스트 | |
data-icon="plus" | 증가 | 테스트 | |
data-icon="minus" | 감소 | 테스트 | |
data-icon="delete" | 삭제 | 테스트 | |
data-icon="check" | 검사 | 테스트 | |
data-icon="home" | 홈 | 테스트 | |
data-icon="info" | 정보 | 테스트 | |
data-icon="grid" | 그리드 | 테스트 | |
data-icon="gear" | 기계 | 테스트 | |
data-icon="search" | 검색 | 테스트 | |
data-icon="back" | 뒤로 | 테스트 | |
data-icon="forward" | 앞으로 | 테스트 | |
data-icon="refresh" | 새로고침 | 테스트 | |
data-icon="star" | 별 | 테스트 | |
data-icon="alert" | 추억 | 테스트 |
- 이전 페이지 jQuery Mobile 이벤트
- 다음 페이지 jQuery Mobile 강의