javascript - 创建拖放菜单

Question

我正在开发一个菜单，您可以通过将菜单项拖放到彼此之上来进行排列。将一个项目放在另一个项目上应该会创建一个子菜单，并且当将它放在左/右/上/下时，它应该相应地放置它。

为了“检测”菜单应该放置的方向，我正在考虑像这样向菜单项添加叠加层（请原谅我的绘画技巧）：

红色框是我要添加的覆盖 div。

我的问题是：这是正确的做法吗？或者与菜单相关的某种鼠标坐标的javascript解决方案会更好吗？您会使用什么方法（可以是任何方法，而不仅仅是我指出的两种）？

Answer 1

You can use the library JQuery UI to sort and drag&drop.
If the item is located exactly above the other, you need to add it to the item.

Answer 2

我会去检查鼠标事件及其坐标以保持标记和 domtree 的清洁。

Answer 3

您可以使用 Knockout.js 进行一些修改。

检查这篇文章。看起来它可能对你有帮助。

您还可以查看这个 github 项目。