불일치 정렬 : jQuery UI 사용 Sortable

Question

여기에는 계층 구조 항목이 있으며 여기에는 일련의 TR 구조가 있으며 중첩 테이블 구조는 포함되어 있지 않습니다. 따라서 같은 레벨의 항목을 드래그 앤 드롭하거나 동일한 레벨 항목을 정렬하는 기능을 가져야합니다.

예를 들어 항목 1.1을 항목 1.4 아래로 이동하려고 할 때 그 행은 항목 1.4와 하위 항목 (항목 1.1.1 및 항목 1.1.2)과 함께 항목 1.4 아래에 표시되어야합니다. 작동하지만 어린이 항목을 이동하려고 시도하면 작동하지 않습니다.

또한 항목 1, 항목 2 및 항목 3을 하위 항목과 함께 정렬/이동 할 수 있어야합니다.

jQuery UI에서 이러한 정렬 관련 도움말.

var tmpTr = jQuery(ui.item).clone(true, true); 

var tmpParent = jQuery('tbody[data="'+ui.item[0].id+'"]').clone(true,true); 

복제본의 코드에 문제가 있다고 생각합니다. 그런데 여기에 jsFiddle 링크를의

[http://jsfiddle.net/UAcC7/403/]

감사합니다,

Answer 1

정렬// 드래그 낙하 할 수 있습니다 항목의 계층 구조로 목록의 최근의 구현을위한 JQuery와 - UI를 정렬 가능한을 실험 한 후, I Draggable 및 Droppable을 사용하여 내 자신의 구현을 롤업했다. Sortable과의 계층 적 및 복합 정렬/드래그/드롭 상호 작용을 통해 많은 오징어 문제를 피할 수있었습니다. 전보다 덜 익숙해졌지만 Sortable의 기본 동작을 이해하고 해킹하지 않고 필요한 모든 사례를 처리 할 수있었습니다. 이것은 클론의 동작에 대한 귀하의 질문에 대한 정확한 답변이 아니지만 도움이 될 수 있습니다!