javascript - 如何让我的 JQueryUI 可拖动元素 float 到另一个溢出元素中？

Question

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

我有一部分未注册的学生，我正在使用 JQueryUI(带有用于触摸的 touchPunch)将一个学生从未注册学生的容器中拖到他们所属的类(class)中。

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

这是它的一个 JS bin:

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

包含 1 个有效示例和 1 个无效示例

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

1. 设置为我拾取它时的相同位置，但作为其父项的父项的子项

2. 在正确的位置将其设置为放置的容器的子元素

如有任何建议，我们将不胜感激!

感谢阅读

Answer 1

试试这个:

将此添加到您的 CSS:

.nooverflow{overflow:visible;}

这是就绪函数:

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