Javascript 打包在可排序网格中垂直拖放项目时,垂直对齐中断

Javascript 打包在可排序网格中垂直拖放项目时,垂直对齐中断,javascript,drag-and-drop,draggable,packery,Javascript,Drag And Drop,Draggable,Packery,我在尝试使用Packy和Draggably创建项目的可排序网格时遇到了一个问题 我也尝试过jQueryUIDragable,但问题仍然存在。当我拖放项目时,可能会打断垂直对齐,因此项目会沿行的一部分“捕捉”。这也破坏了项目的顺序 如果水平拖动项目,它将捕捉到位并对齐。如果垂直拖动,可能会使其脱离对齐状态,从而使其无法正确捕捉到位。最后一个项目的位置也会改变 有人能告诉我可能做错了什么吗 var container = document.querySelector('#container'

我在尝试使用Packy和Draggably创建项目的可排序网格时遇到了一个问题

我也尝试过jQueryUIDragable,但问题仍然存在。当我拖放项目时,可能会打断垂直对齐,因此项目会沿行的一部分“捕捉”。这也破坏了项目的顺序

如果水平拖动项目,它将捕捉到位并对齐。如果垂直拖动,可能会使其脱离对齐状态,从而使其无法正确捕捉到位。最后一个项目的位置也会改变

有人能告诉我可能做错了什么吗

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

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

似乎出于某种原因,已删除项和下面项的“顶部”css值被动态设置为不正确的值。

我知道时间已晚,但我自己正在搜索此问题,因此可能有人需要此问题

派克的布局系统不能像我们需要的那样在垂直阻力下工作,所以我们需要一个解决办法。我已经设法解决了垂直对齐问题,在“dragItemPositioned”上重新发布了Packer,如下所示

packery.on( 'dragItemPositioned', function( event, draggedItem ) {
    app.tiles.settings.packeryEl.packery();
});

你找到解决方案了吗?对找到解决方案也感兴趣。在这个问题上我支持你。