jQuery Mobile中的動態A到Z內容列表

Question

我正在尋找在jQuery Mobile中構建從A到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> 

，然後裝上的列表中分隔一個單擊處理程序對於A，使其隱藏所有<li> s的類「一」。但是你必須手動生成它，直到有人編寫插件將對象轉換爲JQM列表（如果它不存在）。