javascript - 响应式布局中的 jquery sortables

标签 javascript jquery css jquery-ui responsive-design

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

参见此处(将所有 div 移至一列):http://jsfiddle.net/65ENw/17/

在列上设置固定宽度可以解决此问题,但随后我的布局停止响应。

最佳答案

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

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

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

关于javascript - 响应式布局中的 jquery sortables,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11189478/

相关文章:

javascript - 使用 .closest 从 td 获取值并没有给出值

javascript - Highcharts - 每个点的 xAxis 标签

javascript - 带有 json 正文的 POST 请求 javascript

jquery - 如何在 CSS3 中保持元素缩放直到鼠标离开?然后在 mouseleave 上将元素缩放回其原始大小

javascript - 具有绝对位置的图像上的背景图像

javascript - 如何从@Html.Raw(Json.Encode(Model)) 中删除 ESLint 解析错误

javascript - 如何获取命令的返回值?

javascript - 流畅的动画javascript堆叠进度条不闪烁

css - 悬停时更改动画速度

css - IE7 渲染 CSS 不正确