article draggable ajouté à une liste triable

Question

J'ai une liste triables et un draggable 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 est déjà un .sortable (). Je devrais être capable de « glisser » un autre élément entre l'un des éléments de la liste (première, milieu, dernier).

Comment puis-je cela?

Toute réponse serait grandement apprécié.

Merci!

Answer 1

Vous devez définir l'option connectToSortable dans les options pouvant être déplacées.

-à-dire:

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

Voir la documentation pour plus d'infos