jQuery를 모바일 탐색 모음
탐색 모음은 일반적으로 머리 또는 꼬리에 포함 된 가로 조성, 배치 링크의 집합입니다.
기본적으로 탐색 모음에있는 링크가 자동으로 버튼 (데이터 없음-역할 = "버튼")가 될 것이다.
탐색 모음을 정의하는 속성 "Navbar를"= 데이터 역할을 사용 :
예
<div data-role="navbar" >
<ul>
<li><a href="#anylink">首页</a></li>
<li><a href="#anylink">页面二</a></li>
<li><a href="#anylink">搜索</a></li>
</ul>
</div>
</div>
»시도
기본적으로 단추의 폭과 내용 동일. 각 각 등등 33.3 폭 % 및 회계 세 개의 버튼의 폭의 50 %를 차지 개의 버튼의 폭의 버튼 100 % 균등 버튼의 폭을 분할하는 정렬되지 않은리스트를 사용한다. 탐색 모음에서 개 이상 버튼을 지정할 경우, 여러 행으로 분할됩니다 ( "더 많은 예제"를 참조하십시오). |
탐색 버튼 아이콘
우리는 네비게이션 버튼에 아이콘을 추가 할 데이터 아이콘 속성을 사용할 수 있습니다 :
아이콘 데이터가 동일한 값을 사용하여 아이콘의 CSS 클래스 섹션 때문이다. CSS 클래스는 클래스를 사용 = "UI-아이콘 - 값" , 데이터 아이콘 데이터 아이콘 = "값"을 사용하기 때문이다.
속성 값 | 기술 | 아이콘 |
---|---|---|
데이터 아이콘 = "홈" | 홈 | |
데이터 아이콘 = "화살표-R" | 오른쪽 화살표 | |
데이터 아이콘 = "검색" | 수색 |
모든 버튼 아이콘 jQuery를 모바일에 대한 완전한 참조 설명서를 들어, 우리의 방문 jQuery를 모바일 아이콘 참조 설명서를 .
위치 아이콘
왼쪽에서 오른쪽 (오른쪽) 상단 (머리), 바닥 (아래) 또는 왼쪽 (: 좋아요 "UI-btn을-아이콘 - 위치"같은 카테고리 (자세히 설명되어 아이콘 섹션), 당신은 표시되는 아이콘의 위치를 설정할 수 있습니다 ).
탐색 모음 컨테이너에 위치 아이콘 위치를 지정하는 속성 데이터 iconpos를 사용하여 제공됩니다
속성 값 | 기술 | 예 |
---|---|---|
데이터 iconpos = "최고" | 상단 아이콘을 정렬 | 시험 |
데이터 iconpos = "오른쪽" | 오른쪽 정렬에 아이콘 | 시험 |
데이터 iconpos는 = "바닥" | 하단의 아이콘을 정렬 | 시험 |
데이터 iconpos는 "왼쪽"= | 왼쪽 아이콘을 정렬 | 시험 |
기본적으로 아이콘이 탐색 버튼 텍스트 (데이터 iconpos = "최고") 위에 위치하고 있습니다. |
활성화 버튼
탐색 모음에 링크를 클릭하면, 그것은 (누름) 모양을 선택 얻을 것이다.
링크를 클릭하지 않는이 모양을 얻고 싶은 경우에, 클래스를 사용 = "UI-활동 btn을"
여러 페이지를 들어, 사용자가 위치한 현재 페이지 대신 각 버튼의 모양을 확인 할 수 있습니다. 이렇게하려면 추가 클래스 "UI-btn을 활성"링크 "를 UI 상태는-지속"과 :
더 많은 예제
콘텐츠 탐색 모음
어떻게 데이터 역할 내에서 탐색 모음 = "콘텐츠"를 추가 않습니다.
꼬리 탐색 모음
당신은 어떻게 뒷면에있는 탐색 모음을 추가 않습니다.
탐색 모음에서 대상 아이콘
어떻게 꼬리의 탐색 표시 줄 아이콘을 찾습니다.
이상 다섯 개의 버튼
탐색 모음에서 10 데모 버튼을 클릭합니다.