Javascript 从可排序拖动到可拖放？

不确定是否可以做到这一点，一些人说不，需要能够从一个可排序的拖放到一个可拖放上，并让拖放真正发生。JSFIDLE基于另一个实现垃圾桶的示例，但我需要将该项移到新列表中。注意，drop只接受sortable2中的项目

---

问题是，一旦元素被删除，您希望如何处理它

例如，如果要在删除元素时将其删除，如垃圾桶示例，则删除函数如下所示：

$("#drop_zone").droppable({
    accept: ".connectedSortable li",
    hoverClass: "ui-state-hover",
    drop: function(ev, ui) {
        $(ui.draggable[0]).remove();
    }
});

我为您提供了一个更新的JSFIDLE：

关于drop事件的文档：

如果你还想要别的东西，那就告诉我

编辑

要从列表中删除元素并将其添加到dropzone的列表中，只需在drop函数中添加一行：

$("#drop_zone").droppable({
    accept: ".connectedSortable li",
    hoverClass: "ui-state-hover",
    drop: function (ev, ui) {
        $("<li></li>").text(ui.draggable.text()).appendTo(this); // It's this line
        ui.draggable.remove();
    }
});

---

而jsFiddle:

问题是，一旦元素被删除，您希望如何处理它

例如，如果要在删除元素时将其删除，如垃圾桶示例，则删除函数如下所示：

$("#drop_zone").droppable({
    accept: ".connectedSortable li",
    hoverClass: "ui-state-hover",
    drop: function(ev, ui) {
        $(ui.draggable[0]).remove();
    }
});

我为您提供了一个更新的JSFIDLE：

关于drop事件的文档：

如果你还想要别的东西，那就告诉我

编辑

要从列表中删除元素并将其添加到dropzone的列表中，只需在drop函数中添加一行：

$("#drop_zone").droppable({
    accept: ".connectedSortable li",
    hoverClass: "ui-state-hover",
    drop: function (ev, ui) {
        $("<li></li>").text(ui.draggable.text()).appendTo(this); // It's this line
        ui.draggable.remove();
    }
});

---

还有JSFIDLE:

正如我所说，我需要将项目移动到新列表。我们正在讨论的新列表是什么，是拖放区吗？是的，新列表是拖放区。+1 Jimmy，即框中的文本，小提琴工作，但在应用程序中，li包含一个表，它没有被移动，我看到的只是tdsAh中包含的文本，接下来是另一个调整。正如我说的，我需要将项目移动到新列表。我们正在讨论的新列表是什么，是拖放区吗？是的，新列表是拖放区。+1吉米，框中有文本，小提琴可以工作，但在应用程序中，li包含一个表，没有移动，我看到的只是tdsAh中包含的文本，接下来是另一点调整。