jQuery Mobile リファレンス

Tweet

data-filter-reveal属性はlistviewを利用したオートコンプリート機能を提供する属性です。

listviewはdata-filter=”true”を指定することで絞り込み機能が提供できますが、data-filter-reveal=”true”をあわせて指定することで標準ではリストが表示されないオートコンプリート機能に変更できます。

<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Find a pet..." data-inset="true">
	<li><a href="#" data-rel="close">Cat</a></li>
	<li><a href="#" data-rel="close">Dog</a></li>
	<li><a href="#" data-rel="close">Rabbit</a></li>
	<li><a href="#" data-rel="close">Guinea Pig</a></li>
	<li><a href="#" data-rel="close">Parrot</a></li>
</ul>

sample

data-filter-reveal属性はjQuery 1.3.0で追加された属性です。

参考URL

Listview Filter

登録日 : 2013年03月26日 最終更新日 : 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”