JQuery Mobile+Phone 差距 : How to implement a (table) list view with 2 sections

Question

我使用 JQuery Mobile+Phone Gap 实现了 TableView

<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>

它只显示一个部分的表格 View

我需要实现一个包含多个部分的(表) ListView

并设置 TableView 的标题部分

怎么可能

Answer 1

您需要使用 List-Divider 元素: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>