Javascript 如何让我的JQueryUI可拖动元素浮动到另一个溢出的元素中？

我有两个区域可以在iPad上滚动，所以我将它们的溢出设置为自动（或滚动，或隐藏，仍然允许在iPad上滚动）

我有一部分未注册的学生，我正在使用JQueryUI（touchPunch for touch）将一个学生从未注册学生的容器中拖到他们所属的班级中

除了我将溢出设置为允许滚动外，这一切都很好。我想我需要首先将元素从其父元素中弹出，然后开始拖动。然后在drop上，将该元素附加到可拖放容器中

下面是一个正在运行的JS bin：

包含1个工作和1个不工作示例

问题是，我不确定如何覆盖默认的可拖动代码，并使其：

设置为相同的位置，我拿起它，但作为它的父母的孩子的父母

将其设置为放置在正确位置的容器的子容器

任何建议都将不胜感激

感谢阅读

尝试以下内容：

将此添加到css中：

.nooverflow{overflow:visible;}

这与就绪功能有关：

$('o').draggable({
    start:function()
    {
        $(this).parent().addClass('nooverflow');              
    },
    stop:function()
    {
        $(this).parent().removeClass('nooverflow');            
    }
});

---

玩一下你的代码我可以做一个变通办法，你可以使用helper选项，并用scroll拖动它，而不会出现像这样的主要问题

$（'o'）。draggable（{helper:'clone'）

，在设计上可能不是理想的效果，但很有效，请检查此项。当您开始拖动时，是否可以将区域设为oveflow:隐藏？克隆是个好主意！然后，我可以在用户做出决定后添加/删除子项。谢谢你的建议！这是一个好的开始。启动和停止功能参数本身就是一个很大的帮助。我会做一些测试，如果可行，我会接受