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圖標。 你的圖標可能很大。 不能說清楚。