jquery-ui 可排序 : elements dragged behind when using multiple sortables

Question

我有一系列嵌套的可排序元素，它们在 z 索引中表现出一些奇怪的行为。

基本上，在某些情况下，元素会被拖动到父容器后面。它仅在父元素排序后出现。

看起来后面的问题仅出现在列表下方的元素上。因此，我可以拖动到“较高”的可排序项，但是拖动到“较低”的可排序项，拖动元素会突然落后。

详细信息:

给定 可排序列表A A中的每个元素依次包含一个连接可排序列表B(因为每个A中的B列表都是连接的)

对 A 中的元素进行排序后，从此列表中的可排序元素拖动的元素现在位于其他 A 元素的后面。

我已经通过 CSS 和 Jquery 使用了各种 z-index 选项，但没有成功。

Answer 1

我找到了解决此问题的方法。

定义可排序时，请使用:

appendTo: "body"
helper: "clone"

这使拖动的元素完全脱离了嵌套的可排序 z 顺序并解决了问题。