jQuery Mobile リファレンス

Tweet

data-autodividers=”true”はリストに自動で見出しを付けるための属性です。

リストはdata-role=”listview”を利用し作成します。

<ul data-role="listview" data-autodividers="true">
	<li><a href="acura.html">Acura</a></li>
	<li><a href="audi.html">Audi</a></li>
	<li><a href="bmw.html">BMW</a></li>
</ul>

ul/ol要素に対してdata-autodividers=”true”を指定することでaから始まるリストの前に「A」、bから始まるリストの前には「B」といった見出しを付けることができます。

電話帳のような50音順にリストを並べる際に重宝する機能でしょう。

data-autodividers属性はjQuery Mobile 1.2.0で追加された属性です。

参考URL

jQuery Mobile Docs - List Autodividers

登録日 : 2012年11月15日 最終更新日 : 2016年12月19日

同じカテゴリー(リスト)のエントリー

• data-filter-reveal
• data-filtertext
• data-filter-placeholder
• data-filter
• class=”ui-li-count”
• data-autodividers
• data-split-icon
• data-inset=”true”