Holmes: Tìm kiếm trang nhanh
Holmes là một công cụ cho phép bạn tìm kiếm nội dung trên trang một cách dễ dàng. Nếu bạn có một trang với nhiều nội dung, Holmes có thể là một công cụ thực sự hữu ích để cho phép khách truy cập nhập vào trường đầu vào và tự động chỉ để lại nội dung phù hợp với truy vấn tìm kiếm.
Nhà phát triển: Haroen Viaene
Cài đặt
cài đặt npm:
npm install holmes.js --save
Cài đặt Bower:
bower install holmes.js --save
Sau đó, bạn có thể sử dụng một công cụ như Browserify để đưa Holmes vào dự án của bạn .
Ngoài ra, hãy đảm bảo bạn có một lớp CSS được đặt tên là hidden đã được xác định để đặt display: none. Lớp này sẽ được Holmes sử dụng để ẩn các phần tử không phù hợp với truy vấn tìm kiếm.
Sử dụng
Nó rất đơn giản để sử dụng. Bạn khởi tạo Holmes và xác định một bộ chọn cho đầu vào và một bộ chọn cho các kết quả có thể có. Nó không dễ dàng hơn thế!
$( document ).ready(function() {
holmes({
input: 'input.narrow-down',
find: 'div.single-card'
})
});
Ngoài ra còn có một số tùy chọn bổ sung mà bạn có thể sử dụng: trình giữ chỗ, lớp, động, có thể sử dụng và tức thì.
Các tin liên quan
