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

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 进行一些重组，但这里有官方文档。

列表视图图标

对于你的例子：

<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 图标。您的图标可能有点大。说不清。