jQuery Mobile リファレンス

Tweet

data-filtertextはリストの絞り込み機能の絞り込み文字列を追加できる属性です。

data-role=”listview”とdata-filter=”true”で作成できるリストの絞り込み機能は通常li要素の中に含まれる文字列を検索候補文字として認識します。li要素にdata-filtertext属性で文字列を追加することで絞り込み候補の文字列を追加することができます。

<ul data-role="listview"  data-filter="true">
	<li data-filtertext="CSS"><a href="#">Acura</a></li>
	<li data-filtertext="jQuery"><a href="#">Audi</a></li>
	<li data-filtertext="JavaScript"><a href="#">BMW</a></li>
</ul>

sample

このコードでは「CSS」と検索された場合にAcuraを候補リストとして提供します。

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