Z索引對兩個div之間的拖放的影響

Question

我有兩個容器div，想在它們之間拖放元素。 我可以將元素從第二個容器拖放到第一個容器，但不能反過來。 問題在於，第一個容器的元素的z索引似乎比第二個容器的z索引低。 當我拖動它們時，它們在第二個容器下面滑動。 我應該怎么做才能使所有元素都位於頂部並可以拖放到任何可放置容器中？ 這是顯示問題的小提琴。

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 可拖動添加到要拖動的元素中。 拖動完成后，將刪除該類。 此類稱為ui-draggable-dragging 。 如果您在ui-draggable-dragging類中添加了較高的z-index，則將解決您的問題。 它應該可以解決您的問題。 您的代碼似乎有錯誤。 調試它並添加此CSS。 然后它將起作用。

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