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 n'importe lequel des éléments de la liste (premier, milieu, dernier).

Comment procéder?

Toute réponse serait grandement appréciée.

Merci!

Answer 1

Vous devez définir l'option connectToSortable dans les options déplaçables.

-à-dire:

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

See the docs for more info