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

时间:2011-12-11 22:32:06

标签: javascript jquery css jquery-ui jquery-ui-sortable

所以我昨天发布了一个问题,关于在容器中放置一些div,使它们与容器边缘对齐,但在中间有相等的间距。这很复杂,因为它们是可排序的(使用jQuery UI Sortable)。

Greg Pettit(谢谢!)设法为我解答,但最后两个div的行为特别引起了一个我无法弄清楚的问题。

(原始问题供参考:Alignment of sortable jQuery UI divs with spacing between them

现在的问题是,当拖动第3或第6个div时,它会跳下来。

我不知道为什么会发生这种情况,并且无法解决为什么div在拖动时总体上如此不稳定:/

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

有没有人有任何想法?

与往常一样,任何回复都非常感谢!

非常感谢

1 个答案:

答案 0 :(得分:0)

我认为,因为区域div被填满,所以只要拖动浮动块,它就会溢出区域div的水平空间并中断到下一行。这可能在jQuery UI应用绝对定位之前发生。通过将以下CSS添加到中间块来提供一些喘息空间:

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

http://jsfiddle.net/hC5Qy/27/

相关问题