如何在项目被删除时更新总价？

Question

我正在尝试将商品拖到购物篮上。将物品放入购物篮后，物品价格将更新为购物篮的总价。我错过了什么吗？它允许我放到“购物车”但不更新总价格。

$(".item").draggable({
    revert : true
});
$("#i1").draggable();
$("#i2").draggable();
$("#i3").draggable();
$("#cart").droppable({
    drop : function (event, ui) {
        $(this).find(".price");
        total_price = total_price + price;
        $("#cprice").html("$ " + total_price);
    }
});

Answer 1

total_price和price变量在哪里定义？

试试这个。

var total_price = 0;//Declare and initialize the variable to 0

$("#cart").droppable({
  drop: function(event, ui) {
    //Add the dragged item's price to total_price and update the cart price
    total_price = total_price + parseFloat($(this).find(".price").text());
    $("#cprice").html("$ " + total_price);
}