jQuery를 모바일 버튼 아이콘
jQuery를 모바일 버튼 세트가 더 바람직 아이콘을 볼 수 있습니다.
버튼 jQuery를 모바일에 아이콘을 추가합니다
우리는 버튼에 아이콘을 추가 클래스 UI-아이콘을 사용할 수 있으며, 버튼은 지정된 클래스를 사용하여 설정 될 수있다.
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>
주의 : 이러한리스트 또는 버튼의 형태로 다른 방식으로 버튼, 아이콘 데이터 속성을 활용에서. 다음 섹션에서 우리는 특정 소개합니다.
아래 우리는 jQuery를 모바일에서 제공 가능한 일부 아이콘이 나열 :
Button 클래스 | 기술 | 누름 단추 | 예 |
---|---|---|---|
UI-아이콘 화살표-1 | 왼쪽 화살표 | 시험 | |
UI-아이콘 화살표-R | 오른쪽 화살표 | 시험 | |
UI-아이콘-정보 | 정보 | 시험 | |
UI-아이콘 - 삭제 | 삭제 | 시험 | |
UI-아이콘 백 | 후퇴 | 시험 | |
UI-아이콘 오디오 | 스피커 | 시험 | |
UI-아이콘 잠금 | 맹꽁이 자물쇠 | 시험 | |
UI-아이콘 검색 | 수색 | 시험 | |
UI-아이콘 - 경고 | 경고 | 시험 | |
UI-아이콘 그리드 | 망사 | 시험 | |
UI-아이콘 가정 | 홈 | 시험 |
모든 버튼 아이콘 jQuery를 모바일에 대한 완전한 참조 설명서를 들어, 우리의 방문 jQuery를 모바일 아이콘 참조 설명서를 .
위치 아이콘
상단 (위), 오른쪽 (오른쪽), 바닥 (아래)에서 왼쪽 (왼쪽) : 당신은 또한 어떤 위치 버튼에 위치 아이콘을 지정할 수 있습니다.
위치를 지정 UI를-btn을-icon 속성을 사용하십시오 :
아이콘 위치 :
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-right"> 오른쪽 </a>에
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-bottom"> 바닥 </a>를
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> 왼쪽 </a>에
»시도
버튼 이미지의 위치를 지정하지 않으면 아이콘이 표시되지 않습니다. |
전용 아이콘 표시
이 아이콘을 표시 할 경우 "notext"를 사용할 수 있습니다 :
원을 제거
기본적으로 모든 아이콘이 회색 원이 있습니다. 당신이 그것을 필요로하지 않는 경우, 당신은 요소 "UI-nodisc-아이콘"카테고리를 사용할 수 있습니다 :
예
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left ui-nodisc-icon"> 원 </a>를 제거
»시도
검은 색, 흰색 버튼
기본적으로 모든 아이콘은 흰색입니다. 이 아이콘의 색상이 검은 색으로 변경해야하는 경우, 당신은 "UI-ALT-아이콘"요소에 추가 할 수 있습니다 :
예
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left ui-alt-icon"> 블랙 </a>를
»시도
더 많은 예제
컨테이너에 "UI-nodisc-아이콘"클래스를 추가
예를 들어 "UI-nodisc-아이콘"클래스입니다.
컨테이너에 "UI-ALT-아이콘"클래스를 추가
예를 들어 "UI-ALT-아이콘"클래스입니다.