不稳定的jQuery UI拖动时可排序

Question

因此，我昨天发布了一个问题，内容是将一些div放置在容器中，以使其与容器的边缘对齐，但中间的间距相等。 它们是可排序的（使用jQuery UI Sortable），这使情况变得复杂。

格雷格·佩蒂特（Greg Pettit）设法为我回答了这个问题，但是特别是最后两个div的行为导致了一个我根本无法解决的问题。

现在的问题是，拖动第3或第6格时，它会跳下。

我不知道为什么会这样，无法弄清楚为什么div在拖动时通常如此不稳定：/

jsFiddle> http://jsfiddle.net/hC5Qy/5/

有人对为什么有任何想法吗？

和往常一样，任何回复都非常感谢！

非常感谢

Answer 1

我认为，由于div区域被塞满，因此一旦拖动浮动块，它就会溢出div区域的水平空间并中断到下一行。 这可能是在jQuery UI应用绝对定位之前发生的。 通过在中间块中添加以下CSS来提供喘息的空间：

.block:nth-child(3n+2) { margin-right: 0; }