使用 jquery 可排序时如何复制项目?

问题描述

我正在使用这种方法 http://jqueryui.com/demos/sortable/#connect-lists 连接我拥有的两个列表.我希望能够从列表 A 拖动到列表 B，但是当项目被删除时，我需要将原始项目保留在列表 A 中.我检查了选项和事件，但我相信没有这样的事情.有什么办法吗?

I am using this method http://jqueryui.com/demos/sortable/#connect-lists to connect two lists that i have. I want to be able to drag from list A to list B but when the item is dropped, i need to keep the original one still in list A. I checked the options and events but I believe there is nothing like that. Any approaches?

推荐答案

首先，看看这个，并阅读@Erez 的答案.

For a beginning, have a look at this, and read @Erez answer, too.

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

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

这篇关于使用 jquery 可排序时如何复制项目?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！