class=”ui-li-count”
リスト内でclass=”ui-li-count”を付けた要素でカウントバブルを作成することができます。
カウントバブルはdata-role=”listview”で作成したリストではclass=”ui-li-count”を付けた要素を配置することで表示可能です。
<ul data-role="listview">
<li><a href="acura.html">Acura<span class="ui-li-count">5</span></a></li>
<li><a href="audi.html">Audi<span class="ui-li-count">5</span></a></li>
<li><a href="bmw.html">BMW<span class="ui-li-count">5</span></a></li>
</ul>
カウントバブルのテーマはdata-count-theme属性で変更可能です。
jQuery Mobile 1.4.0での追加/変更jQuery Mobile 1.3以前ではカウントバブルのデフォルトのテーマは「C」でしたが、jQuery Mobile 1.4より親要素のテーマを継承するになり形状も変更されました。
登録日 : 2012年11月23日 最終更新日 : 2016年12月19日