在被拖动后如何将可拖动对象保持在其位置？

Question

我的代码中有一个用于拖放的列。 我想要的是，当我拖动一个项目时，它应该被拖动 但它的副本应该保留在那里。

$('#example-1-3 .sortable-list').sortable({ connectWith: '#example-1-4 .sortable-list' });

列表1
啊 bb 抄送

列表2 Z Z xx 毫米

所以我想将 aa 拖到 list2 中，但 aa 应该保留在列表中。

$('#example-1-3 .sortable-list').sortable({
   connectWith: '#example-1-4 .sortable-list'
});

<div class="dhe-example-section" id="ex-1-3">
<div class="dhe-example-section-content">
<!-- BEGIN: XHTML for example 1.3 -->

<div id="example-1-3">

<ul class="sortable-list ui-sortable">
<li class="sortable-item">Deposit INterest</li>
<li class="sortable-item">GDP% of total</li>
<li class="sortable-item">GDP curr($)</li>
<li class="sortable-item">Health exp</li>
</ul>

</div>

<!-- END: XHTML for example 1.3 -->

</div>
</div><br><br>  
</div>
</div>
</div>


<div class="dhe-example-section" id="ex-1-4">
<div class="dhe-example-section-content" >
<!-- BEGIN: XHTML for example 1.4 -->
<div id="example-1-4">
<div class="column left first">

<ul class="sortable-list ui-sortable"><br>
<li class="sortable-item">Sortable item A</li>
<li class="sortable-item">Sortable item B</li>
</ul>

</div>
</div></div></div>

Answer 1

我不确定你希望它如何工作，你能提供更多细节吗？

如果你用的是jquery的draggable，可以试试这样的吗？

$( "#draggableElement" ).draggable({ helper: "clone" });

更新：

你想要这样的东西吗？ http://jsfiddle.net/v265q/

$(function() {
        $( "#sortable1" ).sortable({
            connectWith: ".connectedSortable",
            remove: function(event, ui) {
                ui.item.clone().appendTo('#sortable2');
                $(this).sortable('cancel');
            }
        }).disableSelection();

    $( "#sortable2" ).sortable({
            connectWith: ".connectedSortable"
        }).disableSelection();
    });
});

顺便说一句，我没有创建这个小提琴，它来自以下帖子 - 您可能想完整查看它，因为它有一些额外的信息/建议。

How do I duplicate item when using jquery sortable?