jQuery Mobile メモ - List view の小技 - YOD-Yのへたれ開発日誌

jQuery Mobile のList viewは、iPhoneアプリなどでよく見られる標準的なリスト表示をお手軽に実現することができる便利なコンポーネントです。 そのList viewのデモでは紹介されていないちょっとした小技を。 まず、リンク付きのリストの基本形。 こう記述します。 <ul data-role="listview" data-inset="true"> <li><a href="#">あずま きよひこ</a></li> <li><a href="#">羽海野 チカ</a></li> <li><a href="#">伊坂 幸太郎</a></li> <li><a href="#">荒川 弘</a></li> <li><a href="#">石川 雅之</a></li> </ul> 次に、いろいろとすっとばして左右で別のリンクを設定できる Split button list。

[seiunsky_sea]

ListViewの小技集