android - 在列表视图中实现 3 个标签作为表格视图中的详细文本标签，并在每个单元格中实现一个图像

Question

为了在 PhoneGap iPhone 应用程序中实现上述功能，我在 jQuery mobile 中使用了嵌套列表，如下所示。

<ul data-role="listview" data-theme="e" data-header-theme="a">
                 <li data-role="list-divider" data-header-theme="a">ABC (123)</li>  <!----------- Section Header -------->
                 <li> <a href="#" data-panel="main"><h3 class="ui-li-heading">DM</h3><p class="ui-li-desc"> 1234 </p> </a></li>
                <li> <a href="#" data-panel="main"><h3 class="ui-li-heading">Def</h3><p class="ui-li-desc"> 11111 </p> </a></li>
</ul>

但现在我需要在右侧边缘添加另一个标签，在左侧边缘添加图像。

如何显示右侧标签？

如何在左侧边缘显示图像？

Answer 1

对于显示图像：

<li>
 <a href="#">
<img src="../images/icons/icon-american.png"
alt="American flag icon"
class="ui-li-icon">
American
</a>
<ul>
<li>Dixon's</li>
<li>Vesta Dipping Grill</li>
<li>Steuben's</li>
</ul>
</li>