javascript - 响应式布局中的 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}

我已经更新了你的 fiddle 来演示:http://jsfiddle.net/65ENw/18/