Drag item added to sorted list

Question

I have a sorted list and a draggable div:

<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 is already .sortable (). I must be able to "drag" another element between any elements of the list (first, middle, last).

How can I do it?

Any answer would be greatly appreciated.

Thanks!

Answer 1

You need to set the connectToSortable option in the drag and drop options.

t

$ ('# draggable'). draggable ({connectToSortable: 'ul # sortable'});

See the docs for more details.