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

Posted 2023-05-08

【中文标题】在被拖动后如何将可拖动对象保持在其位置？

【英文标题】：how to keep a draggable object in its place, after being dragged also?

【发布时间】：2014-01-16 13:49:15

【问题描述】：

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

$('#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>

【问题讨论】：

你试过什么？

@drip 这是拖动山墙代码。 存款利息 GDP占总数的百分比 GDP curr($) 健康支出

【参考方案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?

【讨论】：

我只是想要，当我拖放项目时。它仍应保留在原来的位置。

嗨 Voodoo，这取决于您已经拥有的代码。你能把你的代码小提琴吗？ jsfiddle.net

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