【问题标题】:jquery sortables in a responsive layout响应式布局中的jquery sortables
【发布时间】:2012-06-26 17:12:26
【问题描述】:

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

看这里(将所有 div 移到一列):http://jsfiddle.net/65ENw/17/

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

【问题讨论】:

    标签: javascript jquery css jquery-ui responsive-design


    【解决方案1】:

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

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

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

    【讨论】:

    • 这个问题是当小屏幕的布局崩溃时,强制最小高度会破坏布局 - 即小部件之间会有额外的 20px
    猜你喜欢
    • 2012-07-10
    • 1970-01-01
    • 2013-05-27
    • 2022-01-21
    • 1970-01-01
    • 1970-01-01
    • 2021-10-07
    • 1970-01-01
    • 2013-06-30
    相关资源
    最近更新 更多