响应式布局中的jquery sortables

Question

我有一个3列布局，可以折叠到一列。我希望能够在列之间移动div。我遇到的问题是，如果列为空，则无法将div移回其中。

请参阅此处（将所有div移动到一列）：http://jsfiddle.net/65ENw/17/

在列上放置固定宽度可以解决这个问题，但是我的布局停止响应。

Answer 1

您可以在列上设置最小高度和最小宽度，并且当它们中没有小部件时它们仍将占用空间。

.widgetCol{ margin:0 1% 0 1%; width:98.0%; min-width:20px; min-height: 20px}

我已更新您的小提示以演示：http://jsfiddle.net/65ENw/18/