jQuery Sortierbar - Behalten Sie es in der ursprünglichen Liste

Question

Weiß jemand, wenn jQuery UI Sortable eingebaute Funktionalität hat, um das ursprüngliche gefallene Einzelteil in seiner ursprünglichen Liste zu behalten?

Zum Beispiel haben Sie zwei Listen (eine 'Quelle' und eine 'Gruppe'). Ich möchte aus der Quelle auswählen und in die Gruppe fallen lassen, aber das Element in der Quelle behalten.

Sinn machen?

Vielen Dank!

Answer 1

Sie können see my solution in action on jsfiddle. Ich habe einfach this jQuery draggable/droppable interaction an Ihre Bedürfnisse angepasst.

HTML

<div class="demo"> 
    <h2>List 1</h2> 
    <ul> 
     <li class="draggable ui-state-highlight">Drag me down</li> 
     <li class="draggable ui-state-highlight">Drag me down</li> 
    </ul> 
    <h2>List 2</h2> 
    <ul id="sortable"> 
     <li class="ui-state-default">Item 1</li> 
     <li class="ui-state-default">Item 2</li> 
     <li class="ui-state-default">Item 3</li> 
     <li class="ui-state-default">Item 4</li> 
     <li class="ui-state-default">Item 5</li> 
    </ul> 
</div> 

jQuery

$(function() { 
    $("#sortable").sortable({ 
     revert: true 
    }); 
    $(".draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
}); 

CSS

.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; } 
.demo li { margin: 5px; padding: 5px; width: 150px; border: 1px solid black; }