JQuery,Draggable删除

时间:2014-03-27 13:16:17

标签: javascript jquery html jquery-ui

我已经实现了像拖放节点一样的购物车。 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的新手。请让我知道我错过了什么。任何其他移除物品的方式也很受欢迎。

1 个答案:

答案 0 :(得分:0)

在你的小提琴中,你有$( this ).find( ".placeholder" ).remove();而不是$(ui.draggable).remove();。只是改变它,它会工作。 $(this)是下降的目标。 ui是被拖放的元素。