jQuery mobile将自定义图标添加到列表菜单

Question

如何在左侧列表视图中添加自定义图标。 对于每个列表视图，我有一个彼此不同的图标。 我尝试使用标签来显示图标，但我遇到了一些问题。 我应该在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图标

而你的例子：

<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图标。 你的图标可能很大。 不能说清楚。