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" 추억 테스트