jQuery 모바일 아이콘
아이콘 클래스를 사용하여 jQuery Mobile의 <a> 및 <button> 요소에 아이콘을 추가하고 다음과 같이 아이콘 위치를 지정할 수 있습니다. ui-btn
ui-icon-refresh ui-btn-icon-left">페이지 새로고침</a>해 보세요
<button class="ui-btn
">페이지 새로고침</button> 사용해 보세요
<input> 버튼에 아이콘을 추가하려면 데이터 아이콘 속성을 사용할 수 있습니다:
< a href ="#anylink"
data-icon="refresh">페이지 새로고침</a>사용해 보세요
data-icon 속성을 사용하여 탐색 버튼에 아이콘을 추가할 수 있습니다.
<a href="#anylink"
data-icon="refresh">페이지 새로고침</a>사용해 보세요
목록 버튼에 아이콘을 추가하려면 <li> 속성에서 data-icon을 사용할 수 있습니다:
<li
data-icon="refresh"><a href="#">나를 클릭하세요</a></li> ;한번 해보세요
아래에는 jQuery Mobile에서 제공하는 사용 가능한 모든 아이콘이 나열되어 있습니다.
| value | description | icon | instance |
|---|---|---|---|
| action | Action | 해 보세요 | |
| alert | 경고 | 사용해 보세요 | |
| audio | 비디오/오디오/스피커 | 사용해 보세요 | |
| arrow-d-l | 왼쪽 아래 | | 해 보세요 |
| 화살표 -d-r | 오른쪽 아래 | 해 보세요 | |
| arrow-u-l | 왼쪽 위 | try | |
| arrow-u-r | up 오른쪽 모퉁이마다 Corner | 해 보세요 | |
| arrow-l | 왼쪽 화살표 | 해 보세요 | |
| arrow-r | 오른쪽 화살표 | 해 보세요 | |
| arrow-u | 위쪽 화살표 | 해 보세요 | |
| arrow-d | 아래쪽 화살표 | 해 보세요 | |
| back | Back | 사용해 보세요 | |
| 바 | 컬럼 | | 해봐 |
| bullets | 울타리 | 해봐 | |
| calendar | calendar | 해봐 | |
| 카메라 | 카메라 | 사용해 보세요 | |
| carat-d | down | 해보세요 | |
| carat-l | left | 해보세요 | |
| carat-r | 맞아요 | 해 보세요 | |
| carat-u | up | 사용해 보세요 | |
| check | 인증 표시 | 사용해 보세요 | |
| 시계 | clock | 한번 시도해 보세요 시도 | |
| cloud | cloud | 해보기 | |
| comment | Comment | 해보기 | |
| 삭제 | 삭제(X) | 해 보세요 | |
| edit | edit/pencil | 해보세요 | |
| eye | eyes | 사용해 보세요 | |
| 금지됨 | 역 표시 | 사용해 보세요 | |
| forward | Forward | 사용해 보세요 | |
| gear | gear | 사용해 보세요 | |
| grid | grid | 해보세요 | |
| heart | 하트/러브 사인 | 해보세요 | |
| home | 홈(Home) | 시도해보세요 it | |
| info | Information | 사용해 보세요 | |
| location | 위치/GPS | 사용해 보세요 | |
| lock | 자물쇠/자물쇠 | 기부해 보세요 한번 해보세요 | |
| mail/envelope | Navigation | ||
| 한번 해보세요 | phone | ||
| 사용해 보세요 | |||
| plus | plus | 사용해 보세요 | |
| recycle | recycle | 사용해 보세요 | |
| 새로고침 | 새로고침 | 해보세요 | ㅋㅋㅋ star|
| 해보세요 | tag | ||
| Camera | 사용해 보세요 | ||
