jq常用过滤器_jQuery筛选列表过滤插件Filterizr

插件描述：Filterizr 是一款基于 jQuery 的筛选过滤插件，它提供了多重筛选过滤方式，能够满足你的不同需求。并且使用了 CSS3 过滤效果，使用户体验更优秀。

使用方法

1、引入文件

2、HTML

        

        

        

...

为标签加上 data-category 属性，用于指定分类 id，可以有多个分类，用都好“,”分开。

如果需要在额外的标签中加入控制，需要用到其他的 data 属性，如：

1)单选：

全部分类1分类2分类3

2)多选：

代码素材模板

3)排序：

随机顺序倒序

4)搜索：

3、JavaScript$('.jq22').filterizr();

配置

属性名称类型默认值说明

animationDuration数值0.5动画持续时间，单位为秒

callbacks对象回调函数

delay对象0延迟，单位为毫秒

delayMode字符串progressive

easing字符串ease-out动画方式

filter数组/字符串0指定筛选/过滤某分类

filterOutCss对象”淡出“的样式

filterInCss对象”淡入“的样式

layout字符串sameSize布局方式，可选 packed / horizontal / vertical / sameHeight / sameWidth / sameSize

?setupControls布尔值true建立控制，设置为 true 时，对应的含有 data 属性(如 data-filter=”1″)的标签才能触发控制