可排序项目拖到其他 DOM 元素下方

Question

我有一个页面，用户在该页面中将元素从一个“窗格”（项目池）拖到另一个窗格（项目列表中，池项目可以拖动到其中一个）。我是在移动，而不是在复制项目。

考虑将订单中的订单分配到卡车上。

每个可排序列表分为 2 个选项卡，代表不同类型的订单（可能是散装产品与包装产品）。

各种列表之间的所有移动都非常有效。当一个列表中的选项卡从一种订单类型更改为另一种订单类型时，所有选项卡控件也会更改其活动选项卡。

然而，奇怪的是，当我将一个项目从左侧订单移动到右侧分配窗格中时，该项目在右侧的 DOM 元素下滑动。但是，只要鼠标指针在正确的列表上，该项目就会被正确删除。

我不知道为什么会这样。

Answer 1

这是因为项目的z-index。当您拖动一个项目时，您可能希望暂时将其z-index 设为一个高数字。