Jquery ui Jquery可排序返回单个项目到原始列表

我已经设置了购物车，用户可以从商店货架上拖动一个项目，然后将其放置在购物车中。这一切都很好。我无法解决的编程的下一步是如何通过单击从购物车中删除项目。文档中有这一点，但没有可以调用的示例

$('.drag_box').bind('click', function() {
this.sortable( "destroy" );
});

---

什么也不做。请帮忙

如果只想删除元素，可以使用

$('.drag_box').bind('click', function() {
   $(this).remove();
});

---

谢谢-我已经添加了这个元素，但它仍然会移动原始DOM元素，我最终希望做的是将原始元素保留在那里，并向其添加一个不同的类，以便用户知道它在购物车中。这是我的密码

$(function() {
$("drag_box").sortable({
        connectWith: 'li.empty_list',
        opacity: 0.6,
        handle: 'img',
        forcePlaceholderSize: true, 
        clone:'helper',
        revert:true 
});

$( "li.empty_list" ).sortable({
    stop: function(event, ui) { 
    $(ui.item).addClass("moved");
}

---

}))

谢谢Matt-是的，这将起作用，但它将从DOM中删除元素。我正在寻找将.dragbox返回到原始位置的内容。对于原始的draggable，您是使用克隆：'helper'并还原：'true'还是移动原始DOM元素？如果您使用克隆，原始项目将永远不会移动，然后您需要担心的是从购物车中删除。