item de Draggable adicionado a uma lista de classificáveis

Question

Eu tenho uma lista de classificáveis ??e uma div arrastável:

<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 já é uma .sortable (). Eu deveria ser capaz de "arrastar" outro item entre qualquer um dos itens da lista (primeiro, meio, passado).

Como posso fazer isso?

Qualquer resposta seria muito apreciada.

Obrigado!

Answer 1

Você precisa definir a opção connectToSortable nas opções que podem ser arrastadas.

ou seja:

$ ( '# draggable') draggable ({connectToSortable: 'ul # classificáveis'});.

Veja a documentação para mais informações