Question

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

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

什么都不做。请帮忙。

Answer 1

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

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

Answer 2

谢谢 - 我添加了这个，但它仍然移动了原始的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");
}

}）;

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

2 个答案: