두 개의 목록을 드래그 가능하고 삭제 가능하며 정렬 가능하게 결합하는 방법은 무엇입니까?

Question

두 개의 목록이 있습니다. 처음에는 첫 번째 요소 만 보이는 요소가 있고 두 번째 목록은 숨겨진 요소가 하나만있는 것으로 시작합니다. 드래그 할 때 빈 목록을 검색하여 요소가 하나 뿐이며 CSS를 통해 숨겨져 있는지 확인합니다. 그렇다면 소스 목록에서 요소를 제거하고 두 번째 요소에 요소를 추가합니다. 또한 정렬 할 수있는 두 번째 목록이 필요하지만 아래에 표시된 코드를 사용하는 순간에는 작동하지 않습니다.

$(function(){ 
    $('.draggable_base_menu_item').draggable({ 
     containment: '#submenu', 
     stack: '#submenu ul li', 
     cursor: 'move', 
     revert: false, 
     connectToSortable: '.droppable_menu_item_area' 
    }); 

    $('.droppable_menu_item_area').sortable({ 
     tolerance: 'pointer', 
     items: 'li', 
     receive: function(event, ui) 
     { 
      $(ui.draggable).appendTo(this); 
     } 
    }).disableSelection(); 
}); 

아무도 제안 할 수 있습니까?

Answer 1

Sortables는 이미 드래그 가능합니다. 연결리스트로 sortables을 사용

http://jqueryui.com/sortable/#connect-lists