我有两个可排序的 ul 列表。
我希望能够将元素从第一个列表克隆/复制到第二个。
每个列表中的元素必须是唯一的。
当用户第二次尝试克隆元素时,应取消该操作并提醒用户注意限制。
我一直在试验 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();