jQuery Mobile 过滤
作者:NorthPath
时间:2026-08-11
浏览:0
可过滤元素 所有的元素如果有一个或更多的子元素均可过滤。 如何创建搜索字段: 你想过滤的元素必须使用 data-filter="true" 属性。 创建 元素并指定 id,元素上加上 data-type="search" 属性。这样就能创建基本的搜索字段。将 元素放置于一个表单中,表单 元素使用 "
可过滤元素
所有的元素如果有一个或更多的子元素均可过滤。
如何创建搜索字段:
- 你想过滤的元素必须使用 data-filter="true" 属性。
- 创建 元素并指定 id,元素上加上 data-type="search" 属性。这样就能创建基本的搜索字段。将 元素放置于一个表单中,表单
- 接着为过滤的元素添加 data-input 属性。该值需要是 元素的 id。
接下来我们创建一个可过滤的列表:
列表中搜索元素
提示: 如果想在搜索输入框里提前给用户一点引导,可以直接通过 placeholder 属性来设置提示文字:
实例
自定义过滤
通常情况下,插入到各个列表项里的文本,本身就会被当作过滤时匹配的内容来使用,比如 A 对应 "Adele",B 对应 "Billy"。不过,如果希望过滤时使用一段自定义文本,而不是直接取列表项中的显示内容,就需要在子元素里加上 data-filtertext 属性:
实例
Adele
| 如果你在元素中使用了 data-filtertext 属性,元素的源文本内容在过滤时将被忽略, 这时你如果还要查找列表项"Adele",需要使用的关键字为:f, a, v 或 fa v。 |
更多实例
过滤折叠列表
如何过滤折叠的列表。
过滤表格
如何过滤表格内容。
过滤
元素
如何过滤
如何过滤
元素中包含的子
本文内容来源于互联网,如有侵权请联系删除。
元素。
作者最新文章
贵州省住建厅与贝壳集团签署旅居战略合作:五大维度落地方案解析
2026-09-08 18:13
上海链家安住APP:业主主动卖房功能与成交数据解析
2026-09-08 18:11
如何批量将PPT转成PDF格式?PPT转PDF工具怎么选?
2026-09-04 16:03
PDF文件怎么压缩?3个小技巧帮你减小体积
2026-09-03 18:03
小批量试产总结报告:新产品量产导入评审实战指南
2026-09-02 19:48
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多
































