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>

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

1 个答案: