什么是mixitup？
mixitup是一个jquery插件，提供动画过滤和排序。
mixitup是伟大的，像管理投资组合，画廊和博客的任何分类或排序的内容，而且还可以作为一个功能强大的工具，从事应用程序的用户界面和数据可视化。
mixitup起着很好的与您现有的html和css，使之成为响应布局的绝佳选择。
而不是用绝对定位来控制布局，mixitup设计与现有的在线流布局工作。要使用百分比，媒体查询，inline-block的，甚至是弯曲盒子？没问题！
页面代码
...
...
...
...

mixitup目标与类混合容器中的元素。分类过滤添加为类和排序属性添加自定义数据属性。
建立你的过滤器控制：
class=filter data-filter=.category-1>category 1 class=filter data-filter=.category-2>category 2
过滤发生在过滤器按钮被点击。
建立您的排序控件：
class=sort data-sort=my-order:asc>ascending order class=sort data-sort=my-order:desc>descending order
排序发生在排序按钮被点击。
css
#container .mix{ display: none; }
在项目的样式，设置目标元素没有显示属性。 mixitup将只显示那些匹配当前的过滤元件。
js
实例mixitup上使用jquery的容器：
$(function(){ $('#container').mixitup(); });
使用我们的容器的id，我们可以实例化mixitup与jquery的方法.mixitup（）
查看demo   立即下载
以上所述就是本文的全部内容了，希望大家能够喜欢。