当在可排序网格中垂直拖放项目时，垂直对齐将中断

Question

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

我也尝试过jquery ui dragabable，问题仍然存在。当我拖放项目时，它可能会破坏垂直对齐，因此项目"快照"部分向下行。这也破坏了条目的顺序。

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
   });

似乎由于某些原因，"top"的css值被放置的项目和下面的项目被动态设置为不正确的值

Answer 1

我知道已经很晚了，但是我自己正在搜索这个问题，所以也许有人会需要这个。

Packery的布局系统不能像我们需要Packery在垂直拖动时那样工作，所以我们需要一个解决方案。我已经设法解决了垂直对齐问题，以在' dragitempositioning '上重新布局包，像这样;

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