jQuery Sortable + Droppable z-index问题

Question

我有一个问题，我的可排序对象的z-index不在我的droppable之上。

• 如果您访问http://clareshilland.unknowndomain.co.uk/。
• 按Ctrl + L以显示登录屏幕。
• 输入用户名clare和密码shilland。
• 然后会在管理栏中加载，如果您点击manage gallery。
• 将显示一个弹出式缩略图视图，其中包含该图库中的所有照片。

问题在于，当您将'polaroids'从网格拖到删除区域时，它们位于删除区域下。

我尝试将删除区域放在与网格相同的div中但没有区别，我只是不知道该做什么，所以任何帮助都会是一个巨大的帮助！

Answer 1

请为.sortable()：

尝试以下选项

{
  helper: 'clone',
  appendTo: 'body',
  zIndex: 10000 //or greater than any other relative/absolute/fixed elements and droppables
}

Answer 2

实际上，问题似乎是z-index和溢出的组合（我将其删除）。如果您将图库视图CSS更改为此，则可以使用

#galleryView {
 background: white;
 bottom: 85px;
 left: 0;
 position: fixed;
 right: 0;
 top: 147px;
 z-index: 1000;
}

您可能希望其他图库图片向右滚动而不是向下滚动。

Answer 3

我不认为它是一个z索引问题，我认为问题在于当你将li移动到删除区域时，它会被切断，因为它超出了它的父级ol。一旦你鼠标悬停（使用droppable.over事件），我会尝试将li移动到删除区域内的ol，这可能允许它正确显示。