list-divider

このエントリーをはてなブックマークに追加

data-role=”list-divider”はリストに見出しをつけることができる属性です。

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

<ul data-role="listview">
	<li data-role="list-divider">見出し</li>
	<li><a href="acura.html">Acura</a></li>
	<li data-role="list-divider">&見出し</li>
	<li><a href="audi.html">Audi</a></li>
	<li><a href="bmw.html">BMW</a></li>
</ul>

リストのli要素に対してdata-role=”list-divider”を適応することで見出しとて表示ができます。見出しのテーマはdata-divider-themeで制御することができます。

見出しのテーマはdata-divider-theme属性で設定できます。

jQuery Mobile 1.4.0での追加/変更

jQuery1.3以前ではデフォルトの見出しのテーマは「b」でしたが、jQuery 1,4では親要素のテーマが継承される様になりました。

sample

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

同じカテゴリー(data-role)のエントリー

検索

スポンサードリンク

バージョン

リファレンス