小编use*_*992的帖子

拖动时的填充然后在可排序的网格中垂直放置项目,垂直对齐中断

我在尝试使用packery和draggabilly来创建可排序的项目网格时遇到问题.

我也尝试了jquery ui dragabble,问题仍然存在.当我拖放项目时,可以打破垂直对齐,以便项目"按下"部分沿着行向下.这也打破了物品的顺序.

http://jsfiddle.net/foobass/sasrx654/

如果您水平拖动项目,它会卡入到位并对齐.如果垂直拖动,可能会失去对齐,它不会正确捕捉到位.最后的项目位置也会改变.

任何人都可以建议我可能做错了吗?

   var container = document.querySelector('#container');

   var packery = new Packery(container, {
        rowHeight: '.module-sizer',
        itemSelector: '.module',
        columnWidth: '.module-sizer',
        isInitLayout: true,
        isResizeBound: true
   });
Run Code Online (Sandbox Code Playgroud)

似乎由于某种原因,被删除项目的"顶部"css值和下面的项目被动态设置为不正确的值.

javascript drag-and-drop draggable packery

6
推荐指数
1
解决办法
827
查看次数

标签 统计

drag-and-drop ×1

draggable ×1

javascript ×1

packery ×1