Question

我有两个容器div，想要在它们之间拖放元素。我可以将元素从第二个容器拖放到第一个容器而不是相反的方式。问题是第一个容器的元素似乎比第二个容器的z-index低。当我拖动它们时，它们在第二个容器下滑动。我必须做些什么才能将所有元素放在最上面，并且可以拖放到任何可放置的容器中？这是显示问题的小提琴。

http://jsfiddle.net/vfAgd/12/

如果将一个元素从容器1拖到容器2，它将在容器2下面。如果从容器2中拖动一个元素，则可以将其拖到容器1上。这是因为容器2在之后添加到文档中容器1。

Answer 1

要解决此问题，我必须删除容器的z-index。

.comdiv  { 
   padding: 0;
   margin-top: 20px;
   margin-left: 20px;
   border: 1px solid DarkKhaki;
   border-radius: 3px 3px 0px 0px;
   box-shadow: inset 0px 0px 10px DarkKhaki;
   /* z-index: 26; */
}

http://jsfiddle.net/vfAgd/17/。

Answer 2

jQuery UI draggable有一个类名称添加到拖动的元素。拖动完成后删除此类。这个班叫ui-draggable-dragging。如果你向ui-draggable-dragging类添加一个高z-index，你的问题就会得到解决。它应该解决你的问题。看来你的代码有bug。调试它并添加此css。它会工作。

 .ui-draggable-dragging{z-index:9999;}

z指数对两个div之间拖放的影响

2 个答案: