jquery-ui sortable:使用多个sortables时拖后的元素

Tob*_*ede 7 jquery jquery-ui event-handling jquery-ui-sortable

我有一系列嵌套的可排序元素,表现出z-index的一些奇怪行为.

基本上,在某些情况下,元素会被拖动到父容器中.它仅在父元素已排序后出现.

看起来后面的问题只是在列表中的元素上.所以我可以拖动到"更高"的可排序,但拖动到"更低"可排序,拖动元素突然落后.

细节:

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

在对A中的元素进行排序之后,从此列表中的可排序对象拖动的元素现在位于其他A元素之后.

我通过CSS和Jquery玩各种z-index选项无济于事.

Tob*_*ede 15

我找到了解决这个问题的方法.

定义可排序时,请使用:

appendTo: "body"
helper: "clone"
Run Code Online (Sandbox Code Playgroud)

这会将拖动的元素完全从嵌套的可排序z排序中分离出来并解决问题.

  • 请注意,您可能必须将某些CSS样式重新应用于辅助对象,因为它可能会丢失从其父级继承的样式. (2认同)