최신 웹 개발 튜토리얼
 

jQuery Mobile아이콘

❮ 이전 다음 장 ❯

jQuery를 아이콘

당신에 아이콘을 추가하려면 <a> 과 <button> jQuery를 모바일 요소, 아이콘 클래스를 사용하여 아래 그림과 같이 아이콘의 위치 (유일한 예외는 더 아래로 표시됩니다 navbars에있는 버튼입니다)

<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</a> Try it

<button class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</button> Try it

당신에 아이콘을 추가하려면 <input> 버튼은 사용 data-icon 속성을 :

<input type="button" value="Refresh page" data-icon="refresh" > Try it

당신의 네비게이션 바 버튼에 아이콘을 추가하려면 데이터 아이콘 속성을 사용 :

<a href="#anylink" data-icon="refresh" >Refresh Page</a> Try it

의 데이터-icon 속성 사용 목록 버튼에 아이콘을 추가하려면 <li> :

<li data-icon="refresh" ><a href="#">Click me</a></li> Try it

아래 우리는 jQuery를 모바일에서 제공 가능한 모든 아이콘을 나열했습니다 :

값 기술 상 예
action 조치 (박스를 벗어나 가리키는 시계 방향 화살표) 시도 해봐
alertalert 시도 해봐
audio 오디오 / 사운드 / 스피커 시도 해봐
arrow-d-l 화살표 왼쪽 아래로 가리키는 시도 해봐
arrow-d-r 화살표 오른쪽 아래로 가리키는 시도 해봐
arrow-u-l 화살표 왼쪽 위쪽으로 가리키는 시도 해봐
arrow-u-r 화살표 오른쪽 위쪽으로 가리키는 시도 해봐
arrow-l 왼쪽을 가리키는 화살표 시도 해봐
arrow-r 오른쪽을 가리키는 화살표 시도 해봐
arrow-u 화살표를 가리키는 시도 해봐
arrow-d 화살표를 가리키는 시도 해봐
back 뒤로 (곡선 화살표가 위쪽으로 반 시계 방향으로 가리키는) 시도 해봐
bars 바 (서로 위에 세 수평 바) 시도 해봐
bullets 글 머리 기호 (서로 위에 세 가로 글 머리 기호) 시도 해봐
calendarcalendar 시도 해봐
cameracamera 시도 해봐
carat-d 캐럿은 아래쪽을 가리키는 시도 해봐
carat-l 캐럿은 왼쪽을 가리키는 시도 해봐
carat-r 캐럿 가리키는 오른쪽 시도 해봐
carat-u 캐럿은 위쪽을 가리키는 시도 해봐
check 체크 표시 시도 해봐
clockclock 시도 해봐
cloudcloud 시도 해봐
commentcomment 시도 해봐
delete 삭제 (X) 시도 해봐
edit 편집 / 연필 시도 해봐
eyeeye 시도 해봐
forbidden 금지 된 기호 시도 해봐
forwardforward 시도 해봐
geargear 시도 해봐
gridgrid 시도 해봐
heart 심장 / 사랑의 ​​상징 시도 해봐
homehome 시도 해봐
info 정보 시도 해봐
location 위치 / GPS 시도 해봐
lock 잠금 / 자물쇠 시도 해봐
mail 메일 / 문자 시도 해봐
minusminus 시도 해봐
navigationnavigation 시도 해봐
phone 전화 시도 해봐
power 전원 (ON / OFF) 시도 해봐
plusplus 시도 해봐
recyclerecycle 시도 해봐
refreshrefresh 시도 해봐
searchsearch 시도 해봐
shop 쇼핑 / 파그 / 지갑 시도 해봐
starstar 시도 해봐
tagtag 시도 해봐
user 사용자 / 사람 시도 해봐
video 비디오 카메라 시도 해봐


❮ 이전 다음 장 ❯