Ziehbar 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 soll zu „ziehen“ einem anderen Elemente der Lage sein, zwischen einem des Listenelement (ersten, mittleren, liest).

Wie kann ich über diese gehen?

Jede Antwort würde sehr geschätzt werden.

Danke!

Answer 1

Sie müssen die Option connectToSortable in den ziehbar Optionen einzustellen.

ie:

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

die Dokumentation für weitere Informationen siehe