我使用css3 flex box es和jQuery UI拖放。
即使我已经应用justify-content:space-around;如果我拖动一个flex子项并将其放在flex内容之外，其余项目不会重新排列以便尊重justify-content属性。
选中此JSFiddle
我希望项目在项目被拖出后重新排列（重新排列到flex-start，flex-end center或者什么......我想让它们一旦流出项目已删除）
我该如何解决这个问题？
答案 0 :(得分：0)
看起来我经过一些检查后发现了这个问题。
jQuery UI只是简单地改变被拖放元素的位置。它甚至在掉到另一个可放置之后仍留在它的父母内部。因此看起来css flex项目没有重新排列...
解决方案是手动分离可拖动的并将其附加到drop事件上的droppable，如
ui.draggable.detach().appendTo($(this)); //where this refers to the droppabe