用HTML5和jQuery实现的漂亮的高级标签过滤器。(Beautiful advanced tag filtering with HTML5 and jQuery. )
Filtrify是高级标签过滤插件，灵感来自于 Chosen 多重选择功能和Orman Clark的垂直导航菜单。
怎样做？
插件简化很简单，你只需要传递一个“containerID”和一个“placeHolderID”，它是要放置菜单的元素的ID。
| 名稱與所有者 | luis-almeida/filtrify |
|---|---|
| 主編程語言 | JavaScript |
| 編程語言 | JavaScript (語言數: 1) |
| 平台 | |
| 許可證 | Other |
| 發布數 | 0 |
| 創建於 | 2012-03-19 23:16:23 |
| 推送於 | 2020-10-07 17:09:23 |
| 最后一次提交 | 2013-04-21 17:03:06 |
| 星數 | 641 |
| 關注者數 | 40 |
| 派生數 | 113 |
| 提交數 | 31 |
| 已啟用問題? | |
| 問題數 | 64 |
| 打開的問題數 | 48 |
| 拉請求數 | 0 |
| 打開的拉請求數 | 4 |
| 關閉的拉請求數 | 3 |
| 已啟用Wiki? | |
| 已存檔? | |
| 是復刻? | |
| 已鎖定? | |
| 是鏡像? | |
| 是私有? |
Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.
Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.
Filtrify makes use of the new HTML5 "data" attribute to store the metadata.
All you have to do is include a "data" attribute for each item in your list with the respective tags (metadata). If you have more than one category of tags, include them in another "data" attribute. You can add as much categories of tags as you need.
Filtrify will then go through all the data attributes you included in your items and it will create a search menu with as many fields as the different number of categories (data-attributes) you provided. Each field label in the menu fires a "popup" filtering panel and there's where all the magic happens.
The plugin instanciation is very simple, you just have to pass a "containerID" and a "placeHolderID" which is the ID of the element where you want to place the menu.
Visit filtrify's project page to read the documentation.
IE7 (buggy)
IE8+, Chrome, Firefox, Opera and Safari (current versions)
#####v0.2 (04.04.2012)
#####v0.1.1 (01.04.2012)
#####v0.1 (22.03.2012)
