data-split-theme

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

data-split-themeはスプリットボタンのテーマを設定できる属性です。

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

<ul data-role="listview" data-split-theme="a">
	<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属性で制御できます。

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

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

検索

スポンサードリンク

バージョン

リファレンス