响应式布局中的 jQuery 可存储

jquery sortables in a responsive layout

本文关键字:jQuery 存储 布局 响应      更新时间:2023-09-26

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

请参阅此处(将所有div 移到一列中): http://jsfiddle.net/65ENw/17/

在列上放置固定宽度可以解决此问题,但是我的布局就不再响应了。

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

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

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