福尔摩斯：快速页面搜索

Holmes是一个工具,允许您轻松地搜索页面上的内容. 如果您有大量内容的页面,Holmes可以是一个非常有用的工具,允许访问者输入一个输入字段,并自动只留下符合搜索查询的内容。

开发者: Haroen Viaene

Star Fork Download

安装

npm 安装:

1npm install holmes.js --save

Bower 安装:

1bower install holmes.js --save

然后你可以使用一个工具,如 Browserify将福尔摩斯纳入你的项目。

此外,请确保您有一个名为隐藏定义的 CSS 类,该类设置显示:没有. 该类将被Holmes 用来隐藏不匹配搜索查询的元素。

使用

它是非常简单的使用. 你实例福尔摩斯和定义一个选择器的输入和一个个别可能的结果。

1$( document ).ready(function() {
2  holmes({
3    input: 'input.narrow-down',
4    find: 'div.single-card'
5  })
6});

还有一些额外的选项,你可以玩:位置持有者,类,动态,内容可编辑和即时。