|
|---|
（前編「リストの表示」の続き）
見出しのテーマの変更
jQuery Mobileのリスト表示は、ul/ol要素にdata-theme属性でテーマを指定できます。
■サンプル26[HTML]
<ul data-role="listview" data-theme="e">
<li><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
</ul>
リストのテーマを変更した状態
data-theme属性はul/ol要素の子要素であるli要素にも指定できます。li要素にdata-theme属性を設定すると、個々のリスト項目のテーマを変更できます。
■サンプル27[HTML]
<ul data-role="listview">
<li><a href="#page2">list</a></li>
<li data-theme="e"><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
<li><a href="#page2">list</a></li>
</ul>
個々のリスト項目のテーマも変更できる
