jQuery Mobile リファレンス

Tweet

data-split-iconはリストのスプリットボタンのアイコンを設定できる属性です。

data-role=”listview”を指定したリストでは、li要素内にa要素を2つ記述することで、リストの右側にアイコンのみのリンクを設定できます。

<ul data-role="listview" data-split-icon="arrow-u" >
	<li><a href="acura.html">Acura</a><a href="acura2.html">Acura2</a></li>
	<li><a href="audi.html">Audi</a><a href="audi2.html">Audi2</a></li>
	<li><a href="bmw.html">BMW</a><a href="bmw2.html">BMW2</a></li>
</ul>

この際に表示されるアイコンはdata-split-icon属性で指定が可能です。

この属性はdata-iconと同じ値を取ることができます。

スプリットボタンのテーマはdata-split-theme属性で変更可能です。

参考URL

jQuery Mobile Docs - Lists Overview

登録日 : 2012年11月09日 最終更新日 : 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”