Question

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

$（'＃example-1-3 .sortable-list'）。sortable（{ connectWith：'＃example-1-4 .sortable-list' }）;

list1的
AA BB CC

list2中 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?

在被拖动后如何将可拖动物体保持在原位？

1 个答案: