我有三个无序列表,它们已创建为 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 });

我怎样才能做到,如果用户将所有项目拖出列表,他们可以再次将它们放回去?目前它不允许将项目拖到空列表上。

有帮助吗?

解决方案

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

其他提示

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

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

我今天也有类似的经历。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top