jQueryMobileでリンク入りのリストに表示されるアイコン、丸い部分を消したい


jQuery Mobileでリンク入りのリストを作ると困ることがあります。

jquery mobile でリストに表示される丸いアイコン
こんな感じで右側に丸いアイコン領域が表示されてしまいます。

これ消したいなーと思っていたら消せるみたいです。

ドキュメントにあるアイコンのテーマを見ると

アイコンのテーマ
http://dev.screw-axis.com/doc/jquery_mobile/components/lists/themes/

<li data-icon="false"><a href="#">No icon</a></li>

つまりliに属性data-icon=”false”を足してあげればいいみたいです。

足してみると
listのアイコンが消えました。

ちゃんとアイコンが消えました。めでたしめでたし

jQuery Mobile ポケットリファレンス
jQuery Mobile ポケットリファレンス 森 直彦

技術評論社 2012-01-20
売り上げランキング : 20981

Amazonで詳しく見る by G-Tools


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です