jQuery Mobile(PhoneGap) [jQuery Mobile] List view

List view란?

여러개의 항목을 열거할 때 사용한다. jQuery Mobile은 다양한 리스트 형식을 지원하고 있다. 리스트 형식은 ul이나 ol 엘리먼트를 이용한다. 이 엘리먼트에 대한 자세한 설명은 생활코딩의 HTML 수업 리스트 편을 참고한다. http://opentutorials.org/course/11/67

List view의 종류

기본

ul 엘리먼트를 이용하면 자동으로 list view를 만들어준다. ul 엘리먼트를 ol엘리먼트로 바꿔주면 리스트에 숫자가 붙는 numbered lists가 만들어진다.

1 2 3 4 5

<ul data-role="listview" data-theme="g"> <li><a href="acura.html">Acura</a></li> <li><a href="audi.html">Audi</a></li> <li><a href="bmw.html">BMW</a></li> </ul>

전체소스
결과 : http://jquerymobile.com/demos/1.1.0/docs/lists/lists-ul.html