jQuery Mobile的列表视图
在jQuery Mobile的列表视图是标准的HTML列表; 有序的(<ol>)和无序(<ul>)
要创建一个列表，应用data-role="listview"的<ol>或<ul>元素。 为了使项目tappable，指定每个列表项内的链接(<li>)
例
<ol data-role="listview" >
<li><a href="#">List Item</a></li>
</ol>
<ul data-role="listview" >
<li><a href="#">List Item</a></li>
</ul>
试一试» 与圆角和一些余量的样式表，使用data-inset="true"的属性：
默认情况下，列表项中的链接会自动变成一个按钮（不需要ui-class="btn"或data-role="button" ）
清单分频器
清单分频器用于组织和团体项目分类/章节。
要指定列表分隔，添加data-role="list-divider"属性的<li>元素：
例
<ul data-role="listview">
<li data-role="list-divider" >Europe</li>
<li><a href="#">Norway</a></li>
<li><a href="#">Germany</a></li>
</ul>
试一试» 如果你有一个字母列表（例如电话簿）jQuery Mobile的自动设定数据autodividers =“真”的属性上加上适当的分隔<ol>或<ul>元素：
例
<ul data-role="listview" data-autodividers="true" >
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Calvin</a></li>
...
</ul>
试一试» 该数据autodividers =“true”属性创建了该项目文本的大写的第一个字母的分隔。
更多示例
只读列表
如何创建无链接列表（不会按钮，而不是tappable）。
面板
如何插入面板列表项。