elemento arrastrable añade a una lista ordenable

Question

Tengo una lista ordenable y un div que pueden arrastrarse:

<div id="draggable">Add Item</div>

<ul id="sortable">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
</ul>

#sortable ya es un .sortable (). Debería ser capaz de "arrastre" otro elemento entre cualquiera de los elementos de la lista (primero, segundo, apellido).

¿Cómo hago para esto?

Cualquier respuesta sería muy apreciada.

Gracias!

Answer 1

Es necesario establecer la opción connectToSortable en las opciones que pueden arrastrarse.

es decir:

$ ( '# arrastrable') que pueden arrastrarse ({connectToSortable: 'ul # sortable'});.

Consulte la documentación para obtener más información