Ziehbare Artikel zu einer sortierbare Liste

Question

Ich habe eine sortierbare Liste und ein verschiebbares 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 ist bereits ein .sortable(). Ich sollte in der Lage sein, ein anderes Element zwischen den Listenelementen (zuerst, Mitte, zuletzt) ​​zu "ziehen".

Wie gehe ich vor?

Jede Antwort würde sehr geschätzt werden.

Danke!

Answer 1

Sie müssen die Option connectToSortable in den ziehbaren Optionen festlegen.

dh:

$ ('# ziehbar') ziehbar ({connectToSortable: 'ul # sortierbar'}).

See the docs for more info