插件 jQuery.MixItUp 中文 API 文档

🌙
手机阅读
本文目录结构

插件 jQuery.MixItUp 中文 API 文档

MixItUp 是一个高性能,无依赖的动画 DOM 操作库,使您能够使用漂亮的动画过滤,排序,添加和删除 DOM 元素。

MixItUp 可与您现有的 HTML 和 CSS 配合使用,使其成为响应式布局的绝佳选择,并与内联流,百分比,媒体查询,Flexbox 等兼容。

有关实时沙箱,完整文档,教程等内容,请访问 kunkalabs.com/mixitup。

从 MixItUp 2 迁移?查看 MixItUp 3 迁移指南。

浏览器支持

MixItUp 3 已经过测试,可与以下浏览器兼容。

  • Chrome 16+
  • Firefox 16+
  • Safari 6.2+
  • Yandex 14+
  • Edge 13+
  • IE 10+(带动画),IE 8-9(无动画)

入门

内容

  • 构建容器
  • 建筑控制
  • 造型容器
  • 加载 MixItUp
  • 创建一个混音器
  • 组态

最常见的,MixItUp 应用到“容器”的“目标”元素,这可能是项目组合,博客文章列表,选择的产品,或任何种类的用户界面,其中的过滤和 / 或排序将是有利的。

要开始使用,请按照以下简单步骤操作:

构建容器

默认情况下,MixItUp 将在容器中查询与选择器匹配的目标’.mix’。

<div class="container">
    <div class="mix category-a" data-order="1"></div>
    <div class="mix category-b" data-order="2"></div>
    <div class="mix category-b category-c" data-order="3"></div>
    <div class="mix category-a category-d" data-order="4"></div>
</div>

可以使用任何有效选择器来过滤目标,例如’.category-a’,并且通过可选的自定义数据属性对目标进行排序’data-order’。

进一步阅读:标记 MixItUp 容器

建筑控制

过滤和排序的一种方法是单击控件。您可以使用任何可点击元素作为控件,但

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了