Draggable 항목은 정렬 가능한 목록에 추가되었습니다

Question

정렬 가능한 목록과 드래그 가능한 div가 있습니다.

<div id="draggable">Add Item</div>

<ul id="sortable">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
</ul>

#sortable은 이미 .sortable ()입니다. 목록 항목 중 하나 (첫 번째, 중간, 마지막) 사이에 다른 항목을 "드래그"할 수 있어야합니다.

이것에 대해 어떻게 가나 요?

모든 답변은 대단히 감사하겠습니다.

감사!

Answer 1

Draggable 옵션에서 옵션을 연결해야합니다.

즉:

$ ( '#draggable'). draggable ({connectToSortable : 'ul#sortable'});

자세한 내용은 문서를 참조하십시오