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}

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