創建一個拖放菜單

Question

我正在處理一個菜單，您可以通過將菜單項拖放到海誓山盟上。將物品放在另一個物品的上面應該創建一個子菜單，當它放在左/右/上/下時，應該相應地放置它。

要「檢測」哪個方向菜單應放在，我想加入覆蓋到像這樣的菜單項（請原諒我的繪畫技巧）：

紅色框是覆蓋div我想補充。

我的問題是：這是正確的方法嗎？或者一個JavaScript解決方案與某種鼠標座標相關的菜單會更好？你會用什麼方法（可以是任何方法，而不僅僅是我指出的兩種方法）？

Answer 1

您可以使用庫JQuery UI到sort和drag&drop。
如果項目位於另一個之上，則需要將其添加到項目中。

Answer 2

我會去檢查鼠標事件及其座標，以保持標記和domtree乾淨。

Answer 3

您可以對Knockout.js進行一些修改。

檢查this article。看起來它可能會幫助你。

你也可以出手this github project。