Javascript 仅将一个元素放入前面的可拖放对象中

我有一些可拖放的区域，也可以拖动。可能会出现两个或多个可下降区域相互落后的情况。有没有办法只将可拖动的物品放入前面的区域？（z指数）

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

---

谢谢

好的，我现在有一个很好的解决方案，我想和大家分享一下。。。 我已经建立了一个小插件

---

我尝试将可拖放的accept选项设置为null，然后在触发moveover/hover事件时将其设置为空。但是它仍然会触发所有的下拉菜单。你能做一个简短的jsfiddle来说明这个问题吗？看，是的，这是一个很好的解决方案，但我仍然需要确定哪个区域在最前面。链接解决方案仅适用于另一个静态非移动可拖放区域。我试图保存由可拖放操作触发的区域ID；然后查看哪个具有最高的z索引，并从其余操作恢复最后一个操作。但这是非常黑客的，并带来了许多其他小限制/错误。也许我会尝试使用碰撞检测，以了解我必须使用链接解决方案禁用哪些元素。谢谢你如果你能解释一下那就太好了