Jquery ui jQuery可排序，限制为1项

我试图构建一个jQuery可排序列表，它有两个列表，一个是可用列表，另一个是“已分配列表”。“已分配”列表接收来自“可用”列表的项目，并且在任何时间只能“分配”一个项目。在jQueryUI中不需要很多额外的逻辑/检查就可以强制执行这种约束吗

<ul id="available">
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
</ul>

<ul id="allocated">
 // only one item should be allowed to be dropped here.
</ul>

项目1
项目2
项目3


//此处只允许放置一个项目。

我怀疑您可以在将某个内容拖放到该位置后（在拖放项目时使用回调函数）取消拖放目标（#已分配），然后在拖放到#可用时重置拖放目标。

谢谢！我没有考虑过。我将只使用css类“droppable”和“removable”。并在可排序表的接收/删除功能中添加/删除它们。