html - jQuery Mobile 添加自定义图标到列表菜单

Question

如何将自定义图标添加到左侧 ListView 。对于每个 ListView ，我都有一个彼此不同的图标。我尝试使用标签来显示图标，但我遇到了一些问题。我应该在 css 中添加什么才能完成？

<li><img src="css/test.png"><a href="epg.html" data-rel="page" data-transition="slide" data-inline="true">Menu 1</a></li>

结果是这样的:

Answer 1

您需要对 html 进行一些重构，但这里有关于它的官方文档。

ListView Icons

对于你的例子:

<li><a href="epg.html" data-rel="page" data-transition="slide" data-inline="true"><img src="css/test.png" class="ui-li-icon ui-corner-none">Menu 1</a></li>

*注意:这应该适用于 16x16 图标。您的图标可能有点大。不太清楚。