, 드래그 가능한 낙하 할 및 정렬

Question

I 나는 새로운 JQuery와에 .... 최근 내가 프로젝트를 진행하고 난 다음과 같은 문제에 직면

나는이 두 UL (말 : 갤러리 (좌)와 쓰레기를 (RHS)).

갤러리에는 8 개의 li이 있으며 드래그하고 정렬 할 수 있습니다. 나는 li을 휴지통으로 끌어다 놓을 수 있습니다. 심지어는 쓰레기로 분류 할 수 있습니다.

내가 겪고있는 문제는이 li의 배치와 같습니다. 실제로 처음에는 휴지통이 비어 있었지만 8 개의 직사각형 상자가있는 배경 이미지가 있고 각 직사각형 상자에 일련 번호가 있습니다. (마음에 .. 8 개의 직사각형 박스는 단지 하나의 이미지 임).

그래서 첫 번째 li를 휴지통에 떨어 뜨릴 때마다 첫 번째 사각형 상자가 li 뒤에 숨어 있습니다. 두 번째 상자를 떨어 뜨리면 두 번째 상자가 숨겨집니다. .....

이제 첫 번째 li를 갤러리의 8 번째 rect로 드래그하면됩니다. 쓰레기 상자는 단일 용기이므로 위쪽으로 이동하는 대신 거기에 머물러 있습니다.

누군가 8 가지 컨테이너를 사용하도록 제안했습니다. 하지만 문제는이 8 컨테이너를 정렬 가능하게 만들 수 있습니까? 특정 컨테이너에 draggable, droppable이 필요하고 해당 컨테이너 내에서 sortable li이 필요합니다.

Answer 1

제안 된대로 8 가지 컨테이너로 작업 할 수 있습니다. 그런 다음 사용자가 컨테이너 8에 무언가를 떨어 뜨리면 정렬 할 값을 컨테이너에 넣을 수 있습니다. 그런 다음 사용자가 정렬을 원하면 8 개의 컨테이너를 정렬하십시오.

이 부분이 명확하지 않은 경우 일부 (간체화 된) 코드를 게시하면 도와 드리겠습니다.