2 つの並べ替え可能な UL リストがあります。
最初のリストから 2 番目のリストに要素を複製/コピーできるようにしたいと考えています。
要素は各リストで一意である必要があります。
ユーザーが要素の複製を 2 回試みた場合、アクションはキャンセルされ、ユーザーは制限について警告を受ける必要があります。
私は、Sortable、Draggable、Droppable をかなり長い間試してきましたが、役に立ちませんでした。これは私が得ている距離です: http://jsfiddle.net/wYSZ8/2/
HTML:
<div class="demo">
<ul id="sortable1" class="connectedSortable">
<li id="one" class="default">Item 1</li>
<li id="two" class="default">Item 2</li>
<li id="three" class="default">Item 3</li>
</ul>
<ul id="sortable2" class="connectedSortable">
<li id="four" class="default">Item a</li>
<li id="five" class="default">Item b</li>
<li id="six" class="default">Item c</li>
</ul>
</div>
JS:
$('#sortable1').sortable();
$('#sortable2').sortable();