【问题标题】:jQuery: problem with sortable items: can't be dropped onto empty listsjQuery:可排序项目的问题:不能放到空列表中
【发布时间】:2011-10-13 13:05:12
【问题描述】:

这是一个双重列表的例子:http://jsfiddle.net/xhdUW/

如果父列表之一已经有内容,列表项将很容易在父列表之间转移。但如果其中一个父列表为空,则列表项不会进入空父列表。

.sortable 上的文档说默认情况下应该启用转移到空列表:http://jqueryui.com/demos/sortable/#empty-lists,不过,即使我指定 dropOnEmpty: true,我也会得到相同的行为。

【问题讨论】:

    标签: jquery jquery-ui


    【解决方案1】:

    您的空列表没有高度,也没有垂直填充。 尝试从列表中添加一些内容:
    上边距
    底部填充
    最小高度

    【讨论】:

    • 只有当我在列表上有一个可拖动的项目时,我才能做到这一点?
    • 您可以尝试从 out 事件回调中更改空列表的高度。但我不确定。
    • 无法表达我花了多少时间才找到这个。感谢您的评论!
    【解决方案2】:

    您严重滥用了可排序 API。请参阅http://jsfiddle.net/6xkQE/ 如何正确完成。

    1. 你必须使用 connectWith 来连接你想要连接的东西!

    2. 正如@hadvig 所说,您必须设置min-height

    【讨论】:

    • 我的意思是你第一次调用 sortable。应该是$j('.section-holder').sortable({connectWith: '.section-holder',... 才能让它工作。看看我的小提琴。
    • 您的小提琴仅在列表中有一项时才有效:我添加了另一项:jsfiddle.net/6xkQE/1
    猜你喜欢
    • 1970-01-01
    • 2012-12-01
    • 2014-04-28
    • 2015-01-13
    • 1970-01-01
    • 2023-03-14
    • 1970-01-01
    • 1970-01-01
    • 2017-12-22
    相关资源
    最近更新 更多