创建拖放菜单

Question

我正在处理一个菜单，你可以通过拖放菜单项来安排它们。将一个项目放在另一个项目的顶部应该创建一个子菜单，当它放在左/右/顶部/底部时，它应该相应地放置它。

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

红色框是我想要添加的叠加div。

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

Answer 1

您可以将库JQuery UI用于sort和drag&drop 如果项目位于另一个项目的正上方，则需要将其添加到项目中。

Answer 2

我会去检查鼠标事件及其坐标，以保持标记和domtree干净。

Answer 3

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

检查this article。看起来它可能对你有帮助。

你也可以选择this github project。