JQuery，可拖动删除

Question

我已经实现了一个类似于拖放节点的购物车。 http://jsfiddle.net/dkonline/Tw46Y/

这里一旦丢弃的物品不能从桶（槽）中取出。我想实现该功能。可以从右侧列表中删除项目。我上网查了一下，发现了这个。 jquery draggable droppable remove dropped

$("#catalog ul").droppable({
    drop: function(event, ui) {
        $(ui.draggable).remove();
    },
    hoverClass: "ui-state-hover",
    accept: '.cart-item'
});

但是链接中提供的解决方案对我不起作用。我是 jquery 的新手。请让我知道我错过了什么。任何其他移除物品的方式也很受欢迎。

Answer 1

在你的小提琴中你有$( this ).find( ".placeholder" ).remove(); 而不是$(ui.draggable).remove();。只需更改它，它就会起作用。 $(this) 是 drop 的目标。 ui 是被拖放的元素。