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-top"> 상단 </a>를
<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"를 사용할 수 있습니다 :

예 :

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-notext"> 검색 </a>를

»시도

원을 제거

기본적으로 모든 아이콘이 회색 원이 있습니다. 당신이 그것을 필요로하지 않는 경우, 당신은 요소 "UI-nodisc-아이콘"카테고리를 사용할 수 있습니다 :

예

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> 사용 원 (기본값) </a>를
<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"> 흰색 </a>를
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left ui-alt-icon"> 블랙 </a>를

»시도