我在尝试使用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值和下面的项目被动态设置为不正确的值.