插件 jQuery.shapeshift 中文API文档

🌙
手机阅读
本文目录结构

插件 jQuery.shapeshift 中文API文档 https://github.com/AshesOfOwls/jquery.shapeshift

具有拖放功能的动态网格系统。

列网格系统+拖放

受到jQuery Masonry插件的启发,Shapeshift是一个插件,它将动态排列元素集合到类似于Pinterest的列网格系统中。它与众不同之处在于能够在网格中拖放项目,同时仍然保持每个项目的逻辑索引位置。这允许每次使用Shapeshift时网格呈现完全相同,只要子元素的顺序正确即可。

特征

  • 拖放 重新排列容器内的项目,甚至可以在多个启用了Shapeshift的容器之间拖动项目。拖动元素将物理地更改其父容器中的索引位置。当页面重新加载时,只要子元素按正确顺序放置,网格看起来就完全一样。

  • 适用于Touch设备 Shapeshift使用jQuery UI Draggable / Droppable来帮助拖放系统。幸运的是,已经有一个名为jQuery Touch Punch的插件,它为jQuery UI D / D提供触摸支持。它可以在vendor文件夹中找到。

  • 多宽度元素 2.0中的一个新功能是能够添加可以跨多个列的元素,只要它们的宽度通过CSS正确设置即可。

  • 响应网格 默认情况下启用,Shapeshift将侦听窗口大小调整事件,并根据其父容器提供的空间排列其中的元素。

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

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

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

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

关注我: Github / 知乎

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

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

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

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

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