jQuery Mobile リファレンス

Tweet

data-filter属性はリストに絞り込み機能を追加する属性です。

data-role=”listview”で作成したリストに data-filter=”true”をあわせて指定することで絞り込み用のフィールドが追加され、リストの絞り込みが可能になります。

<ul data-role="listview" data-filter="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>

sample

絞り込み機能のテーマはdata-filter-theme属性で変更可能です。

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