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。 |
更多实例
过滤折叠列表
如何过滤折叠的列表。
过滤表格
如何过滤表格内容。
过滤
元素
如何过滤
如何过滤
元素中包含的子
本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系bd@zhengruan.com
元素。
作者最新文章
漫蛙漫画APP下载安卓版免费
2026-10-13 13:42
漫蛙动漫下载安卓版安装包
2026-10-13 13:19
漫蛙manwa2免费漫画入口在哪
2026-10-13 13:17
漫蛙2漫画入口
2026-10-13 13:03
会声会影X5去除视频原有字幕的操作方法
2026-10-13 11:07
上一篇:
jQuery Mobile 表单
下一篇:
jQuery Mobile 列表内容
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































