jQuery Mobile의 동적 A to Z 컨텐츠 목록

Question

동적으로 데이터를 읽고 그룹화하는 jQuery Mobile에서 A to Z 컨텐츠 목록을 작성하려고합니다. 이것이 가능한가?

나는 이런 식으로 뭔가가 (정적) 자신의 문서에서 동적으로 그룹화합니다 : HTTP : //jquerymobile.com/demos/1.0a4.1/#docs/lists/lists-divider.html

그러나 정말 멋진 내용은 접을 수있는 콘텐츠로 그룹화 할 수 있다면 ...

거기에 어떤 생각, 예제 또는 리소스가 있습니까?

Answer 1

목록 구분선 자체는 jQuery 모바일의 목록 항목입니다. 수작업으로 처리해야 할 필요가 있습니다. 목록에 항목을 사전 순으로 입력하고 각 문자에 대해 목록 구분자 <li>을 입력해야합니다. 그리고 예, 목록 분할 자에 클릭 핸들러를 두어 그 아래에있는 <li>을 모두 표시하고 숨기도록합니다.

<ul data-role="listview" data-theme="g"> 
    <li data-role="list-divider">A</li> 
    <li class="a"><a href="acura.html">Acura</a></li> 
    <li class="a"><a href="audi.html">Audi</a></li> 
    <li data-role="list-divider">B</li> 
    <li class="b"><a href="bmw.html">BMW</a></li> 
</ul> 

을하고 그것을 클래스 "는"모든 <li>의를 숨길 수 있도록하는 다음 목록 분할에 클릭 핸들러를 첨부 : 그래서 당신은 같은리스트 구조를 목표로하고 있습니다. 그러나 이미 존재하지 않는다면 누군가가 JQM 목록으로 객체를 변환하기위한 플러그인을 작성할 때까지 손으로 생성해야합니다.