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 のアイコン用です。あなたのアイコンは少し大きいかもしれません。よくわかりません。