javascript - jQueryUI - 拖放问题 - 拖动的元素位于其他 DOM 元素后面

Question

我正在尝试在 2 个 Div 之间实现拖放

请引用下面我的 fiddle : http://jsfiddle.net/sandeepkram/SAUCa/

此布局是我的应用程序的复制品。在 fiddle 中，您可以看到，如果您在第一个 div(左侧)中拖动一个元素，它会永远在该 div 内移动 - 但如果您只是移动鼠标将其拖放到右侧 div 上，它实际上会在该 div 内移动工作。

这里的问题是左侧 div 内元素的无限滚动/拖动。我不知道问题出在哪里 -

在我的应用程序中，我遇到了另一个问题，因为当我将一个项目拖出左侧 div 时，它会消失，尽管我可以将光标放在右侧 div 上，并且该拖放似乎工作正常。

需要帮助了解为什么拖动的元素消失。

我已经在 stackoverflow 和网络上查找了与此、可排序等相关的所有问题和资源 - 但没有用。

我也尝试过使用“stack”选项，但没有用

$.each($("ul#secondaryKPIList ul > li"), function (index, tListItem) {
        $(tListItem).addClass("SecondaryKPIDraggable");
        $(tListItem).draggable({
        revert : 'invalid',
        stack: '.SecondaryKPIDraggable'
        });
    });

Answer 1

要解决视觉问题，您只需删除溢出更改

overflow-y: auto;
overflow-x: hidden;

在 .KpisListItems 上将其设置为以下 fiddle : http://jsfiddle.net/GEWLs/2

这些规则扰乱了 jQuery 可排序处理和计算定位的方式，因此出现了奇怪的行为。