jquery-mobile - jQueryMobileSelectメニューの横に画像を追加

Question

下の画像のjQueryMobile選択メニューの横にある種のアイコンを追加することは可能ですか？もしそうなら、必要な画像サイズはどれくらいですか？前もって感謝します！

Answer 1

アイコンを表示する要素に次のパラメータを追加することで、ほぼすべてにアイコンを追加できます。

 data-icon="arrow-l" data-iconpos="left" 

ここarrow-lで、左向きの矢印を指定します。

jQuery Mobileが提供するものを使用するのではなく、独自のアイコン/画像を指定する場合は、li内（テキストの前）に、ui-li-iconまたはui-li-thumb：のいずれかのクラスで画像を追加できます。

<li>
    <img src="images/gf.png" alt="France" class="ui-li-icon">
    <a href="#">Social Triangle</a>
</li>

ui-li-iconは、16px X 16pxに制限されているようで、次のcss条件を使用します。

ui-li-icon {
max-height: 16px;
max-width: 16px;
}

ui-li-thumbは、80px X 80pxに制限されているようで、次のcss条件を使用します。

.ui-li-thumb {
max-height: 80px;
max-width: 80px;
}

上記のjQueryMobileドキュメントへのリンクを見ると、それらの使用方法が詳しく示されています。ソースを確認してください。