javascript - 如何在购物车中拖动新数据后从购物车中删除旧数据

Question

我想编写一些 jQuery 代码，当我们拖入其中时，一次只显示一个值。例如，如果我拖动 Bank 那么它应该只显示 Bank 之后。如果我拖动 Rent 它应该只显示 Rent ，反之亦然。

我的jsFiddle中有一些代码错误，请帮我解决。

$("#shoppingCart1 ol").droppable({
    // ....
})

my jsFiddle

Answer 1

您正在直接附加拖动的项目。您只需要用新的替换旧的。

所以将你的函数改为这样 -

   var listItem =  $("<li></li>", {
       "text": ui.draggable.text(),
       "data-id": productid

    });
   self.html(listItem);

Demo here