仅将元素拖放到前面的 droppable 中答案

【问题标题】：dropping an element only into the droppable that is in front仅将元素拖放到前面的 droppable 中
【发布时间】：2013-05-11 14:03:42
【问题描述】：

我有一些可放置的区域，它们也是可拖动的。可能会发生两个或更多可放置区域彼此落后的情况。有没有办法只将可拖动项目放到前面的区域中？ (z-index)

现在的情况是，该项目被添加到所有重叠的区域。

谢谢

【问题讨论】：

我尝试将 droppable 的接受选项设置为 null，然后在触发 moveover/hover 事件时设置它。但它仍然会触发所有的 droppables。
你能做一个简短的 jsfiddle 来显示问题吗？
见stackoverflow.com/questions/11997053/…
是的，这是一个很好的解决方案，但我仍然需要确定哪个区域位于顶部前面。链接解决方案仅适用于另一个静态非移动可放置区域。我试图保存由可放置操作触发的区域 ID；而不是查看哪个具有最高 z-index，并从其余操作中恢复最后的操作。但这非常hacky，并带来了许多其他小限制/错误。也许我会尝试使用碰撞检测来了解我必须使用您的链接解决方案禁用哪些元素。谢谢

【解决方案1】：

好的，我现在有一个很好的解决方案，我想与你们分享... 我已经构建了一个小插件

【讨论】：