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

Posted 2023-05-08

【中文标题】可拖动项目添加到可排序列表

【英文标题】：Draggable item added to a sortable list

【发布时间】：2010-10-16 21:02:58

【问题描述】：

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

我该怎么做？

任何回复将不胜感激。

谢谢！

【参考方案1】：

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

即：

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

See the docs for more info