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

时间:2013-04-28 03:18:20

标签: html css jquery-mobile

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

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

结果如下:

enter image description here

1 个答案:

答案 0 :(得分:2)

你需要重新构建一下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图标。你的图标可能很大。不能说清楚。