javascript - 无法使用 Scriptaculous Sortables 将项目拖到空列表中

Question

我有三个无序列表，它们被创建为 Scriptaculous Sortables，以便用户可以在列表中以及它们之间拖动项目：

var lists = ["pageitems","rowitems","columnitems"];    
Sortable.create("pageitems", { dropOnEmpty: true, containment: lists, constraint: false });
    Sortable.create("rowitems", { dropOnEmpty: true, containment: lists, constraint: false });
    Sortable.create("columnitems", { dropOnEmpty: true, containment: lists, constraint: false });

我怎样才能做到这一点，如果用户将所有项目从列表中拖出，他们能够再次将它们放回原处？目前它不允许将项目拖到空列表中。

Answer 1

也许空列表没有高度，因此没有可用的可放置区域。如果是这种情况，也许你只需要设置一个最小高度，或者在块上设置一些填充。

Answer 2

将 dropOnEmpty:true 添加到选项参数中。

Answer 3

确保您的目标列表样式为 float:left

我今天也有类似的经历。