Jquery UI의 연결된 중첩 목록 정렬 가능

Ey 친구들, 을보세요.Jquery UI의 연결된 중첩 목록 정렬 가능

$(document).ready(function() { 
    $("ul.containers").sortable({ 
     axis: 'y', 
     placeholder: "ui-state-highlight", 
     forcePlaceholderSize: true 
    }); 

    $("ul.containers").disableSelection(); 

    $("ul.rows").sortable({ 
     axis: 'y', 
     placeholder: "ui-state-highlight", 
     forcePlaceholderSize: true 
    }); 

    $("ul.rows").disableSelection(); 
});

그것은 어떤 방법으로 확인 일하고, 나는 용기 행이, 나는 그들이 완벽한 이동,하지만 난 정말 달성하고자하는 것은, 용기 사이에 행을 이동 예를 들어이 container1에 컨테이너 2에서 Row5를 이동하는 것입니다 수 있습니다. 남미의 콜롬비아에서 미리 감사드립니다.

출처

2013-12-20 Roger

사용 connectWith:'.rows' 업데이트 fiddle

출처

2013-12-20 18:34:00

위대한! 그것은 작동합니다! 그래서 나는 이것을 발전 시켰습니다 ...하지만 바이올린을 보아주세요, 제 문제는 지금 행이있는 동적 컨테이너를 추가 할 때 행을 드래그 할 수 없습니다 ... 이상하게 ... 그냥 추가하면 한 행, 그것은 매력처럼 작동합니다. 감사! – Roger

새로 추가 된 행을 정렬 할 수 있습니다. 나는 바이올린을 보았습니다. http://jsfiddle.net/HG8k6/4/ –

Excellent! 지금은 효과가 있지만 컨테이너 동작이 행과 다른 이유는 둘 다 동적 인 방식으로 추가 된 것입니다. 당신의 도움을 주셔서 감사합니다! – Roger

Jquery UI의 연결된 중첩 목록 정렬 가능

답변

관련 문제