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

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