如何使用jquery mobile 1.4+设置data-filter-placeholder / equivalent

时间:2014-02-11 07:52:40

标签: jquery-mobile input jquery-mobile-listview

我找不到任何关于此的事情: 我想在listview上预先填充jqm 1.4中的filter-field。曾经有人通过数据过滤器占位符来做到这一点,这是一种被剥夺的。那我应该用什么呢?

<form class="ui-filterable"><input id="filterBasic-input" data-type="search"></form>
    <ul data-role="listview" class="ui-listview-outer" data-filter="true" data-input="#filterBasic-input">
....
....

通过上面的示例我可以过滤得很好,但是我在哪里预先填充过滤器?

1 个答案:

答案 0 :(得分:3)

如果要为可过滤对象定义自己的<input>,只需在输入上定义占位符:

<form class="ui-filterable">
    <input id="filterBasic-input" data-type="search" placeholder="find cars" />
</form>
<ul data-role="listview" data-filter="true" data-input="#filterBasic-input">
    <li>Acura</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ul>