jQuery插件实现动画mixitup过滤和排序
mixitup是一个jQuery插件,提供了动画的过滤和排序。
MixItUp是伟大的,像任何类别或内容管理投资组合排序,画廊的博客。它还可以作为应用程序的用户界面和数据可视化的强大工具。
mixitup扮演好你现有的HTML和CSS,使它对布局的一个不错的选择。
而不是使用绝对定位来控制布局的mixitup设计和现有的在线流程布置工作。你想使用百分比,媒体查询,一个内联块,甚至一个弯箱吗没关系
网页代码
…
…
…
…
mixitup元素在目标和类的混合容器。分类过滤器添加自定义数据属性的类和类的属性。
构建过滤控件:
class=过滤数据过滤= 。catery-1> catery 1
class=过滤数据过滤= 。catery-2> catery 2
当单击筛选按钮时发生筛选器。
建立排序控制:
类排序数据排序我的订单:升序升序
class=排序=我的订单数据排序:降序降序>
排序按钮在单击排序按钮时发生。
CSS
#混{容器。
显示:无;
}
在项目的风格,目标元素设置不显示properties.mixitup将只显示匹配的电流滤波元件。
js
使用jQuery实例MixItUp容器:
$(函数(){())
$(#容器)的MixItUp();
});
使用我们的容器的ID,我们可以实例化mixitup jQuery method.mixitup()
检查演示立即下载
以上是本文的全部内容,希望大家能喜欢。