jQuery Mobile 列表缩略图
对于大于 16x16px 的图像，请在链接中添加 <img> 元素。
jQuery Mobile 将自动把图像调整至 80x80px：
实例
<ul data-role="listview"> <li><a href="#"><img src="chrome.png"></a></li> </ul>
亲自试一试
请使用标准 HTML 来填充带有信息的列表：
实例
<ul data-role="listview"> <li> <a href="#"> <img src="chrome.png"> <h2>Google Chrome</h2> <p>Google Chrome 免费的开源 web 浏览器。发布于 2008 年。</p> </a> </li> </ul>
亲自试一试
jQuery Mobile 列表图标
如需向您的列表添加 16x16px 的图标，请向 <img> 元素添加 class="ui-li-icon" 属性：
实例
<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon">USA</a></li>
亲自试一试
拆分按钮
如需创建带有垂直分隔栏的拆分列表，请在 <li> 元素内放置两个链接。
jQuery Mobile 会自动为第二个链接添加蓝色箭头图标的样式，链接中的文本（如有）将在用户划过该图标时显示：
实例
<ul data-role="listview"> <li> <a href="#"><img src="chrome.png"></a> <a href="#">Some Text</a> </li> </ul>
亲自试一试
通过添加页面和对话框，可使链接的功能更强：
实例
<ul data-role="listview"> <li> <a href="#"><img src="chrome.png"></a> <a href="#download" data-rel="dialog">下载浏览器</a> </li> </ul>
亲自试一试
计数泡沫
计数泡沫用于显示与列表项相关的数目，例如邮箱中的消息：
如需添加计数泡沫，请使用行内元素，比如 <span>，设置 class "ui-li-count" 属性并添加数字：
实例
<ul data-role="listview"> <li><a href="#">Inbox<span class="ui-li-count">335</span></a></li> <li><a href="#">Sent<span class="ui-li-count">123</span></a></li> <li><a href="#">Trash<span class="ui-li-count">7</span></a></li> </ul>
亲自试一试
注释：如需在计数泡泡中显示正确的数字，就必须进行程序化更新。我们将在下一章种讲解。