可拖动项目添加到可排序列表

Question

我有一个可排序的列表和一个可拖动的 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 已经是一个 .sortable()。 我应该能够在任何列表项（第一个、中间、最后一个）之间“拖动”另一个项目。

我该怎么做？

任何回复将不胜感激。

谢谢！

Answer 1

您需要在可拖动选项中设置选项connectToSortable。

即：

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

See the docs for more info