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

Question

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

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

除了我设置溢出以允许滚动时，这工作正常。我想我需要首先从其父元素中弹出元素，然后开始拖动。然后在drop上，将该元素追加到droppable容器中。

这是一个正在运行的JS bin：

http://jsbin.com/aPaHiVi/3/edit

Contains 1 working and 1 not-working example

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

1. 设置到我选择的位置，但是作为其父母的父母的孩子

2. 将其设置为已放置容器的子项，位置正确

任何建议都将受到高度赞赏！

感谢您阅读

Answer 1

试试这个：

将此添加到您的css：

.nooverflow{overflow:visible;}

这就是准备好的功能：

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