jQuery Mobile的+電話差距：如何實現與2段

Question

我使用implemente表視圖（表）列表視圖JQuery Mobile+Phone Gap

<ul data-role="listview"> 
    <li data-role="list-divider">A</li> 
    <li><a href="index.html">Adam Kinkaid</a></li> 
    <li><a href="index.html">Alex Wickerham</a></li> 
    <li><a href="index.html">Avery Johnson</a></li> 
    <li data-role="list-divider">B</li> 
    <li><a href="index.html">Bob Cabot</a></li> 

</ul> 

它顯示了一個部分

我只表視圖需要實施(table) list view with multiple sections

，並設置個the headers for the table view部分

它是如何可能

Answer 1

http://jsfiddle.net/eFEjL/

<ul data-role="listview"> 
       <ul data-role="listview"> 
    <li data-role="list-divider">A</li> 
    <li><a href="index.html">Adam Kinkaid</a></li> 
    <li><a href="index.html">Alex Wickerham</a></li> 
    <li><a href="index.html">Avery Johnson</a></li> 
    <li data-role="list-divider">B</li> 
    <li><a href="index.html">Bob Cabot</a></li> 
<u1> 
</ul> 

Answer 2

您需要使用列表分頻器元素：http://jquerymobile.com/demos/1.1.0/docs/lists/lists-divider.html。

喜歡這裏：

<ul data-role="listview"> 
    <li data-role="list-divider">A</li> 
    <li><a href="index.html">Adam Kinkaid</a></li> 
    <li><a href="index.html">Alex Wickerham</a></li> 
    <li><a href="index.html">Avery Johnson</a></li> 
    <li data-role="list-divider">B</li> 
    <li><a href="index.html">Bob Cabot</a></li> 
<u1> 

Answer 3

試試這個

<ul data-role="listview"> 
    <li data-role="list-divider">A</li> 
    <li><a href="index.html">Adam Kinkaid</a></li> 
    <li><a href="index.html">Alex Wickerham</a></li> 
    <li><a href="index.html">Avery Johnson</a></li> 
    <li data-role="list-divider">B</li> 
    <li><a href="index.html">Bob Cabot</a></li> 
<u1> 

AN檢查此鏈接,, http://jquerymobile.com/demos/1.1.0/index.html#/demos/1.1.0/docs/lists/index.html