jquery - jQuery Sortable + Droppable z-index 问题

Question

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

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

问题是，当您将“宝丽来”从网格拖到删除区域时，它们位于删除区域下方。

我尝试将删除区域放在与网格相同的 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-index 问题，我认为问题是当你将 li 移动到删除区域时，它被切断了，因为它在它的父 ol 之外。一旦您将鼠标悬停（使用droppable.over事件），我会尝试将 li 移动到删除区域内的 ol 上，这可能会使其正确显示。