阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 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将侦听窗口大小调整事件,并根据其父容器提供的空间排列其中的元素。

      目录
      目录