드래그 앤 드롭 메뉴 만들기

Question

나는 메뉴 항목을 드래그 앤 드롭하여 정렬 할 수있는 메뉴 작업을하고 있습니다. 다른 항목의 ontop 항목을 삭제하면 하위 메뉴가 만들어지고 왼쪽/오른쪽/위쪽/아래쪽에 놓으면 적절하게 배치해야합니다.

, 나는 (내 그림 실력을 사면)과 같이 메뉴 항목에 오버레이를 추가하는 생각 메뉴가 배치되어야하는 방향으로 "감지"다음

빨간색 상자가 오버레이입니다 divs 내가 추가하고 싶습니다.

내 질문은 : 이것이 올바른 방법일까요? 또는 메뉴와 관련하여 일종의 마우스 좌표를 사용하는 자바 스크립트 솔루션이 더 좋을까요? 어떤 방법을 사용 하시겠습니까? (제가 지적한 두 가지가 아닌 어떤 것도 가능합니까?)

Answer 1

라이브러리 JQuery UI를 sort 및 drag&drop까지 사용할 수 있습니다.
항목이 다른 항목보다 정확히 위치하면 해당 항목에 항목을 추가해야합니다.

Answer 2

마크 업과 domtree를 깨끗하게 유지하기 위해 마우스 이벤트와 좌표를 확인하려고합니다.

Answer 3

Knockout.js를 약간 수정하여 사용할 수 있습니다.

체크 this article. 너를 도울 것 같은데. this github project