No se pueden arrastrar elementos a una lista vacía utilizando ordenables Scriptaculous

Question

Tengo tres listas desordenadas que se han creado como Scriptaculous Sortables para que el usuario pueda arrastrar elementos dentro de las listas y también entre ellas:

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 });

¿Cómo puedo hacer que si el usuario arrastra todos los elementos de una lista, pueda volver a colocarlos?Por el momento, no permitirá arrastrar elementos a una lista vacía.

Answer 1

Quizás la lista vacía no tenga altura y, por lo tanto, no haya ningún área desplegable disponible.Si ese es el caso, tal vez sólo necesites establecer una altura mínima o algo de relleno en el bloque.

Answer 2

agregue dropOnEmpty:true a los parámetros de opciones.

Answer 3

Asegúrese de que su lista de objetivos tenga el estilo float:left

Tuve una experiencia similar hoy.