jQuery를 모바일 목록보기
jQuery를 모바일 목록보기
목록보기에서 jQuery를 모바일 표준 HTML 목록입니다 주문 (<OL>) 및 정렬되지 않은 (<UL>).
목록보기에서 JQuery와 모바일은 강력한 기능입니다. 그것은 더 널리 표준 정렬되지 않은 또는 정렬 된 목록을 만들 것입니다. 방법의 응용 프로그램 데이터 역할 = "목록보기"속성 UL 또는 올 태그를 추가하는 것입니다. 각 항목 (<리>)에 링크를 추가, 사용자가 클릭 할 수 있습니다 :
예
<ol data-role="listview" >
<li><a href="#">列表项m</a></li>
</ol>
<ul data-role="listview" >
<li><a href="#">列表项</a></li>
</ul>
<li><a href="#">列表项m</a></li>
</ol>
<ul data-role="listview" >
<li><a href="#">列表项</a></li>
</ul>
»시도
목록 스타일과 둥근 모서리 = "true"로 속성이 설정 데이터 삽입의 사용 :
 | 기본적으로 연결리스트 항목은 자동 버튼 (NO 데이터 역할 = "버튼")이된다. |
|---|
구분 된 목록
목록 항목은 그룹으로 목록, 목록 항목을 정리, 목록 항목 분할로 전환 할 수 있습니다.
지정된리스트 분할, 항목이 <리> 요소는 데이터 역할을 추가 목록에 = "목록 분배기"속성 :
예
<ul data-role="listview">
<li data-role="list-divider" >欧洲</li>
<li><a href="#">法国</a></li>
<li><a href="#">德国</a></li>
</ul>
<li data-role="list-divider" >欧洲</li>
<li><a href="#">法国</a></li>
<li><a href="#">德国</a></li>
</ul>
»시도
당신이에 의해 (예를 들면, 전화 번호부 등) 알파벳순 목록이있는 경우 <OL> 또는 <UL> 데이터 autodividers이 "true"로 속성 세트가 자동으로 프로젝트에 파티션을 생성하도록 구성 될 수있다 = 요소 :
예
<ul data-role="listview" data-autodividers="true" >
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Calvin</a></li>
...
</ul>
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Calvin</a></li>
...
</ul>
»시도
| 데이터 autodividers은 "참"이 자동으로 분리 된 항목을 생성하도록 구성 될 수 =. 기본적으로 대문자를 만들 수있는 구분 된 텍스트는 첫 번째 목록 항목의 텍스트입니다. |
|---|
더 많은 예제
읽기 전용 목록
링크없이 목록을 만드는 방법 (안 버튼을 클릭 할 수 없습니다).
패널
목록에 패널을 삽입하는 방법